Fuentes CSS Mejor 5 Fuentes seguras web para usar con CSS

Despus de comparar tipograf­as en diferentes sistemas operativos y paquetes de software comunes, se queda con un subconjunto de tipos muy peque±os, denominados fuentes seguras web. Estos son tipograf­as que puede estar razonablemente segura, se instalan en todas las computadoras.

Fuentes seguras web

Cada uno de estos servicios de fuentes funciona un poco de manera diferente. Con Google Fuentes, puede agregar una fuente ºnica si lo desea, o construir una colecci³n de fuentes e importar todas las fuentes utilizando un solo elemento de enlace. Las fuentes de borde deben agregarse una a la vez con un nuevo elemento de script para cada fuente que desee usar en su sitio web. Las fuentes Typekkit solo se pueden agregar mediante la construcci³n de un kit de fuentes en el sitio web de Typekit, que es similar a una colecci³n de fuentes de Google. El kit de fuentes completo se agrega a su sitio web a la vez. En el ejemplo anterior, el nombre de archivo Font_kit. En realidad, ser­a una serie ºnica de nºmeros y letras generados autom¡ticamente por TypeKit para identificar el kit de fuentes que cre³. En la pr¡ctica, no usar­a los tres servicios al mismo tiempo. Es m¡s comºn que los sitios web obtengan todas sus fuentes de una sola fuente o para auto-host. Las fuentes utilizadas por su sitio web.

Fuentes del icono

Los iconos se usan ampliamente en la web. Si bien algunos iconos son archivos de imagen, la forma m¡s flexible de trabajar con los iconos es usar una fuente de icono como fuente impresionante. En el pasado, el uso de las fuentes del icono fue un poco complicado y se requer­a que los archivos de fuente del icono sean auto alojados. Sin embargo, gracias al alojamiento de CDN patrocinado por MaxCDN y Bootstrap, cualquiera puede agregar iconos impresionantes de fuente a su sitio web sin tener que alojar los archivos de fuente en su propio servidor. Las instrucciones completas para comenzar est¡n disponibles en el repositorio de GitHub de Font Awesome. Sin embargo, es realmente tan f¡cil como tomar estos dos pasos:

Lo que hace que las fuentes de iconos son mucho mejores para trabajar con la que las contrapartes de los iconos de su imagen se pueden dise±ar con todas las mismas propiedades de CSS utilizadas para dise±ar fuentes. Por ejemplo, si queremos aumentar el tama±o del icono, agregue un color de fondo redondo, cambie el color del icono y agregue un relleno adicional hasta el ­cono que podemos hacerlo con algunos CSS bastante sencillos.

parte: tipograf­a web

Las fuentes seguras web son fuentes que est¡n preinstaladas por muchos sistemas operativos. Si bien no todos los sistemas lanzan las mismas fuentes instaladas, puede usar una pila de fuente segura web para resolver varias fuentes que se parecen similares, as­ como se instalan en varios sistemas que desea admitir. Ya sea que desee ser las fuentes de propiedad distintas de las preinstaladas, a partir de CSS3, puede usar fuentes web.

¿Por qu importa "Web Safe"?

Es una de las fuentes Sans-Serif casi usadas, que significa que no hay peque±os rizos al final de los que se usan para consultar a cada una de dos o m¡s personas o letras de las cosas). A menudo se sustituye a dispositivos de Windows para otras opciones de fuente interesantes (Leer: M¡s bellas).

helvetica

La propiedad Font-Family debe contener varios nombres de fuente como un sistema "Fallback", para garantizar la m¡xima compatibilidad entre los navegadores / sistemas operativos. Si el navegador no admite la primera fuente, intenta la siguiente fuente.

  • Eventos
  • Freelancing
  • < Li> Dise±o gr¡fico
  • Iconos
  • Inspiraci³n
  • Logos
  • > Phaper
  • es aºn m¡s.

Programastrought

La propiedad FONT-FAMILY es una variedad de nombres de fuente como un sistema de "cepa", para garantizar la m¡xima compatibilidad entre el navegador / sistema operativo. Si su navegador no admite la primera fuente, intenta la siguiente fuente.

Fuentes Serif

¿Qu diablos, ¿verdad? ¿Por qu no lo cuento qu fuente quiero usar y eso es eso? Toda la idea aqu­ es elestral. El navegador intentar¡ usar la fuente que especific³ primero (Lato, en este caso), pero si no tiene esa fuente disponible, seguir¡ bajando esa lista. Para ser realmente verboso aqu­, lo que dice esa regla es:

¿Entonces, ¿en qu situaci³n no tendr­a un navegador que no tiene la fuente? Eso es bastante comºn. Solo hay un pu±ado de fuentes que se consideran "seguras web" -meaning que es probable que la mayor­a de las computadoras que visiten su sitio tengan esa fuente instalada y para que el navegador pueda usarlo. Piense: Arial, Times New Roman, Courier, Georgia, Verdana y un pu±ado de otros.

Pero la mayor­a de los sitios web, en estos d­as, use fuentes web personalizadas. Cargan una fuente como un recurso (al igual que un sitio web, carga CSS en s­ mismo como un recurso, o una imagen, o javascript), entonces esa fuente est¡ disponible para usar. Las fuentes de Google ampliamente populares lo hacen bastante claras:

Incluso cuando carga una fuente de esta manera, todav­a es posible que la fuente no se carga. Si bien Google es un anfitri³n generalmente muy confiable, no controla sus servidores; ellas hacen. Aºn m¡s, las conexiones de la red deficiente pueden evitar que una fuente se cargue. En cualquier fuente de carga de carga, esa es otra situaci³n en la que una pila de fuentes de deformaci³n es ºtil.

ninguno

ninguno

ninguno
Utilizamos cookies
Utilizamos cookies para asegurarnos de que le brindamos la mejor experiencia en nuestro sitio web. Al utilizar el sitio web, usted acepta nuestro uso de cookies.
PERMITIR COOKIES.