Como hacer una lista de fuentes para su html5 y css3 páginas web basadas

La incertidumbre de saber si los tipos de letra se mostrarán correctamente en su página web HTML 5 y CSS 3 es frustrante, pero se puede tomar un poco de control. Puede especificar una lista completa de nombres de fuente si lo desea. El navegador intenta cada fuente a su vez. Si no puede encontrar la fuente especificada, se va a la siguiente fuente y en la línea.

Video: Como utilizar iconos personalizados en nuestro sitio web mediante fuentes y CSS

Es posible elegir una fuente que sabe que está instalado en todas las máquinas Windows, una fuente que se encuentra en los Mac, y, finalmente, que se encuentra en todas las máquinas de Linux. La última letra en su lista debe ser una de las fuentes genéricas, por lo que tendrá cierto control sobre el peor de los casos.

Estas fuentes se instalan en máquinas Windows, Mac y Linux.

ventanasMacLinux
ArialArialNimbus Sans L
Arial NegroArial Negro
Comic Sans MSComic Sans MSTSCu_Comic
Courier NewCourier NewNimbus Mono L
GeorgiaGeorgiaNimbus Roman No9 L
Lucida ConsoleMónaco
PalatinoPalatinoFreeSerif
TahomaGinebraKalimati
Times New RomanVecesFreeSerif
trebuchet MSHelveticaFreeSans
VerdanaVerdanaKalimati

Puede usar esta tabla para obtener una lista de fuentes para probar. Por ejemplo, mira el siguiente estilo:

p {font-family: "trebuchet MS", Helvetica, FreeSans, sans-serif-}

Este estilo tiene toda una mezcla heterogénea de opciones. En primer lugar, el navegador intenta cargar Trebuchet MS. Si se trata de una máquina Windows, esta fuente está disponible, de modo que una muestra. Si eso no funciona, el navegador intenta Helvetica. Si eso no funciona, intenta FreeSans, una fuente instalada con frecuencia en máquinas Linux. Si esto no funciona, el valor predeterminado es la vieja fieles de sans serif, que simplemente recoge una fuente sans serif.

Nótese que los nombres de las fuentes de más de una palabra debe ser encerrado entre comillas, comas separan y la lista de nombres de fuentes.

Video: 6.- Cómo crear una página web - Estilo y presentación con CSS

No se acerque demasiado estresado acerca de las fuentes de Linux. Es cierto que las equivalencias son más difíciles de encontrar, pero los usuarios de Linux tienden a caer en dos campos: O bien no les importa si las fuentes son exactas, o que se preocupan y se han instalado fuentes equivalentes que reconocen los nombres comunes. En cualquiera de los casos, puede centrarse en las personas de Mac y Windows en su mayor parte.

Artículos Relacionados