font-familyElegir la fuente correcta tiene un gran impacto en cómo los lectores experimentan un sitio web. La fuente correcta puede crear una fuerte identidad para su marca.
Es importante usar una fuente que sea fácil de leer. La fuente agrega valor a su texto. También es importante elegir el color y el tamaño de texto correctos para la fuente.
Info extraída de W3Schools
Las fuentes serif tienen un pequeño trazo en los bordes de cada letra. Crean una sensación de formalidad y elegancia.
Hola, soy Times New Roman
Hola, soy Georgia
Hola, soy Garamond
Las fuentes sans-serif tienen líneas limpias (sin pequeños trazos adjuntos). Crean un aspecto moderno y minimalista. Son preferibles para las pantallas de las computadoras.
Hola, soy Arial
Hola, soy Verdana
Hola, soy Tahoma
Las fuentes monoespaciadas tienen todas las letras del mismo ancho fijo. Crean un aspecto mecánico.
Hola, soy Courier New
Hola, soy Lucida Console
Hola, soy Consolas
Las fuentes cursivas imitan la escritura humana.
Hola, soy Segoe Script
Hola, soy Segoe Print
Las fuentes de fantasía son fuentes decorativas/divertidas.
Hola, soy Wingdings
Las fuentes web seguras son fuentes que se instalan universalmente en todos los navegadores y dispositivos.
Sin embargo, no hay fuentes 100% completamente seguras para la web. Siempre existe la posibilidad de que no se encuentre una fuente o no se instale correctamente. Por lo tanto, es muy importante utilizar siempre fuentes alternativas.
Esto significa que debe agregar una lista de "fuentes de respaldo" similares en la propiedad de familia de fuentes. Si la primera fuente no funciona, el navegador probará con la siguiente, y con la siguiente, y así sucesivamente. Siempre finalice la lista con un nombre de familia de fuente genérico.
Antes de publicar su sitio web, siempre verifique cómo aparecen sus fuentes en diferentes navegadores y dispositivos, ¡y siempre use fuentes alternativas!
Si no desea utilizar ninguna de las fuentes estándar en HTML, puede utilizar Google Fonts. Es de uso gratuito y tiene más de 1000 fuentes para elegir.
Simplemente agregue un enlace de hoja de estilo especial en el <head> y luego consulte la
fuente en el CSS.
Hola, soy Raleway, una fuente sans-serif importada de Google Fonts
Hola, soy Ramaraja, una fuente serif importada de Google Fonts
Hola, soy Inconsolata, una fuente monospace importada de Google Fonts
Hola, soy Caveat, una fuente cursive importada de Google Fonts