2009-10-27 24 views
17

Tengo un montón de CSS que hace lo siguiente:CSS: ¿Helvetica es la fuente predeterminada 'sans-serif' en Mac y Arial la fuente sans-serif predeterminada en Windows?

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

Es mi entender que Helvetica es la fuente predeterminada de sans serif en Mac y Arial es la fuente predeterminada de sans serif en Windows ... si eso es el caso, no podría simplemente cambiar el código anterior para que sea:

font-family: sans-serif; 

Sí, ¿no?

Respuesta

21

La fuente predeterminada realmente depende del navegador. Por ejemplo, en Firefox en Mac, tengo Lucida Grande como la fuente 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 cambiarlas en las preferencias. Si quieres una fuente específica, especifícala.

3

Con las fuentes, debe 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 fuente predeterminada de 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, enoja a cualquier diseñador del proyecto cuando vean la fuente equivocada, y eso no quiere.

1

¿Qué quieres que suceda en las plataformas que tienen

  • Helvetica o Arial instalados y
  • una fuente predeterminada de sans serif que no es ni de esos?

O bien, pregunte de manera diferente: ¿siempre prefiere Helvetica o Arial sobre el valor predeterminado, si están instalados? Si prefiere la fuente sans-serif predeterminada en todos los casos, ¿por qué mencionar esos dos?

+1

Prefiero Helvética si está disponible, si no Helvetica, que Arial, como último recurso, si Helvética o Arial no están disponibles, visualice usando el tipo de letra sans-serif predeterminado. – Teddi

+2

@Teddi: en ese caso, ¿qué importancia tiene la fuente predeterminada? Si desea Helvética si está disponible, incluso si no es la predeterminada, entonces su CSS original es la correcta. –

0

Puede estar bastante seguro de que Helvetica está instalado en máquinas que ejecutan Mac OS X, ya que esa fuente se utiliza en una serie de 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 una familia sans-serif que se muestra normalmente tienen el siguiente en mis hojas de estilo:

Helvetica, Geneva, Arial, sans-serif; 
+0

Esto no tiene sentido. Ginebra es un tipo de letra diferente. Arial está diseñado para ser una Helvética barata, por lo que para coherencia querrás que sean iguales. Sus opciones más específicas son "Geneva, Verdana, sans-serif" o "Helvetica, Arial, sans-serif": elija la familia de fuentes que prefiera. –

13

Helvetica en Windows XP se ve horrible debido a su mala prestación. Afortunadamente, solo unas pocas personas tienen Helvetica instalado en Windows XP (porque si les importa Helvetica, probablemente usarán una Mac).

Esto es más seguro:

"Helvetica Neue", Arial, sans-serif; 

De esta manera, prácticamente sólo Mac OS X será recogida Helvetica Neue (estándar en OS X) y Windows puede ignorarlo y pasar directamente a Arial.

+0

+1 ¡Helvetica en Windows XP realmente se ve horrible! Esto es cuando el suavizado de fuente se establece en "Estándar" (la configuración predeterminada). Gracias por el consejo "Helvetica Neue". – MrWhite

2

Helvetica a veces es el sans predeterminado en Mac, pero para ser sincero, no es una gran fuente de pantalla.

Geneva, Lucida Sans y Trebuchet MS son buenas alternativas.

Cuestiones relacionadas