Encontrar una buena pila de fuentes que transmita tanto el estilo de su sitio web como su fiabilidad en la mayoría de los sitios web puede ser complicado. Si utiliza fuentes que no son seguras para la web, es posible que su sitio web no tenga el aspecto que usted desea cuando el navegador sustituya su fuente de fantasía por algo sorprendente.
Estas pilas de fuentes están separadas por familia (serif, monospace, etc.). Cuando utilice una fuente que no sea una fuente segura para la Web, debe colocarla primero en su pila de fuentes y, a continuación, añadir una de estas pilas al final. Elija la pila de fuentes más parecida en estilo y mire a su fuente preferida.
Sans Serif Web Safe Font Stacks
El texto sin gracias es bueno para leer en las páginas web porque no hay gracias para que se vea borroso en la pantalla.
font-family: Arial, Helvetica, sans-serif;
familia de fuentes:’Arial Black’, Gadget, sans-serif;
familia de fuentes: Impacto, Carbón vegetal, sans-serif;
familia de fuentes:’MS Sans Serif’, Ginebra, sans-serif;
familia de fuentes: Tahoma, Ginebra, sans-serif;
familia de fuentes:’Trebuchet MS’, Helvetica, sans-serif;
familia de fuentes: Verdana, Ginebra, sans-serif;
Serif Web Safe Font Stacks
Las fuentes Serif funcionan muy bien para los titulares. El tipo más grande de titulares significa que las gracias no se volverán borrosas en los monitores.
font-family: `Libro Antiqua’, `Palatino Linotype’, Palatino, serif;
.familia de fuentes: Bookman, serif;
familia de fuentes: Georgia, gracias;
familia de fuentes: `MS Serif’, `Nueva York’, serif;
font-family:’Times New Roman’, Times, serif;
Monoespacio pilas de fuentes
Las fuentes Monoespacio se utilizan normalmente para renderizar código y otros estilos tipográficos que se ven mejor en una fuente en la que todos los caracteres tienen el mismo ancho, como las fuentes para máquinas de escribir.
font-family: Courier, monospace;
familia de fuentes: ‘Courier New’, Courier, monospace;
font-family: ‘Lucida Console’, Monaco, monospace;
Vea los ejemplos de pila de fuentes monospacio.
Pila de fuentes cursivas
Las fuentes cursivas pueden ser difíciles de leer, y la que se encuentra más comúnmente en la mayoría de los sistemas (Comic Sans) es odiada por tanta gente como la suya.
data-type=»code»>font-family:
font-family:'Comic Sans MS', cursive;
>.
Pila de fuentes Fantasy
Al igual que las fuentes cursivas, las fuentes de fantasía pueden ser difíciles de leer, y son aún menos comunes en la mayoría de los sistemas. De hecho, puedes notar que estoy usando la misma pila de fuentes que usé arriba en la categoría sans serif, eso es porque el impacto y el carboncillo son tan distintivos que algunas personas los consideran fuentes de fantasía.
font-family: Impacto, Carbón vegetal, fantasía;
Dingbats, Wingdings o pilas de fuentes de símbolos
Dingbats o wingdings son fuentes de símbolos que muestran pequeños iconos o imágenes en lugar de letras. No existe un tipo de letra genérico para estos tipos de letra, por lo que algunos equipos pueden mostrar fuentes muy diferentes de las que usted espera. Además, sólo Internet Explorer mostrará los símbolos. Firefox y otros navegadores simplemente muestran el texto en la fuente predeterminada del navegador.
font-family: Símbolo;<
familia de fuentes: Cintas;
familia de fuentes: Wingdings, `Zapf Dingbats’;
