serif sans helvetica google font family arial html css

html - sans - google fonts



CSS: ¿Es Helvetica la fuente predeterminada ''sans-serif'' en Mac y Arial la fuente predeterminada sans-serif en Windows? (6)

¿Qué quieres que pase en plataformas que tienen

  • Helvetica o Arial instalado y
  • una fuente predeterminada sans-serif que no es ninguna de esas?

O preguntar de otra manera: ¿siempre prefieres Helvetica o Arial a la predeterminada, si están instaladas? Si prefiere la fuente predeterminada sans-serif en todos los casos, ¿por qué mencionar esos dos en absoluto?

Tengo un montón de CSS que hace lo siguiente:

font-family: Helvetica, Arial, sans-serif;

Según tengo entendido, Helvetica es la fuente de sans-serif predeterminada en Mac y Arial es la fuente de sans-serif predeterminada en Windows ... si ese es el caso, ¿no podría cambiar el código anterior para que sea:

font-family: sans-serif;

¿Si no?


Con las fuentes, desea ser lo más específico posible para evitar problemas de diseño. Su página puede verse perfecta en una máquina con Arial como la fuente predeterminada sans-serif, pero si alguien tiene una fuente muy diferente como predeterminada, puede afectar el espaciado de los elementos (si usa medidas relativas). Además, hace que cualquier diseñador en el proyecto se enoje cuando ve la fuente equivocada, y usted no quiere eso.


Helvetica en Windows XP se ve horrible debido a su pobre representación. Afortunadamente, solo unas pocas personas tienen Helvetica instalada en Windows XP (porque si se preocupan por Helvetica, probablemente usarán una Mac).

Esto es más seguro:

"Helvetica Neue", Arial, sans-serif;

De esa manera, prácticamente solo Mac OS X recogerá Helvetica Neue (estándar en OS X) y Windows puede ignorarlo y moverse directamente hacia Arial.


Helvetica es a veces la sans predeterminada en Mac, pero para ser honesta, no es una gran fuente de pantalla.

Ginebra, Lucida Sans y Trebuchet MS son buenas alternativas.


La fuente predeterminada realmente depende del navegador. Por ejemplo, en Firefox en Mac, tengo a Lucida Grande como la sans-serif predeterminada sans-serif . No creo que lo haya cambiado, pero no estoy del todo seguro. Realmente no puede depender de que los valores predeterminados sean fuentes específicas, ya que los usuarios pueden cambiarlos en las preferencias. Si quieres una fuente específica, especifícala.


Puede estar bastante seguro de que Helvetica está instalada en máquinas que ejecutan Mac OS X, porque esa fuente se usa en varias aplicaciones oficiales diseñadas por Apple. Arial también está disponible en cualquier máquina, siempre que el usuario no haya eliminado el archivo de fuente.

Pero como señala Tom, es mejor ser lo más específico posible al definir los estilos de fuente. Cuando quiero que se muestre una familia sans-serif, normalmente tengo lo siguiente en mis hojas de estilo:

Helvetica, Geneva, Arial, sans-serif;