Explicación de la familia de fuentes CSS y las fuentes web seguras

Fuentes web seguras

Las fuentes seguras para la web son fuentes que se incluyen con la mayoría de los sistemas operativos, la implicación de una disponibilidad tan alta es que un diseñador puede esperar que la tipografía que involucre fuentes seguras para la web aparezca exactamente como se espera para la mayoría de los usuarios. A continuación se muestran listas no exhaustivas de algunas fuentes que se consideran seguras para la Web en el momento de redactar este artículo, clasificadas por familias de fuentes genéricas CSS.

Fuentes serif seguras para la web:

  • Georgia
  • Times New Roman

Fuentes sans-serif seguras para la web:

  • Arial
  • Tahoma
  • Trebuchet MS
  • Verdana

Fuentes monoespaciadas seguras para la web:

  • Mensajero Nuevo

Vale la pena señalar que las pilas de fuentes con opciones de respaldo, incluida una familia de fuentes genéricas, aún deben usarse incluso si su diseño usa solo fuentes seguras para la web. Por ejemplo:

p { font-family: Tahoma, Arial, sans-serif; }

Una nota sobre las fuentes web

El hecho de que algunas fuentes sean más seguras que otras no significa que deba limitar sus diseños a utilizar solo fuentes seguras para la Web. Los diseños modernos con CSS también pueden aprovechar las fuentes web para garantizar una tipografía uniforme en todos los sistemas operativos.

Más información sobre fuentes:

  • Cómo cargar fuentes web correctamente
  • Superfamilias de fuentes de Google
  • Cómo utilizar Google Fonts en su próximo proyecto de diseño