Webmaster - Fuentes en páginas web
Cuando usa una fuente en una página web, solo se mostrará si los usuarios tienen la misma fuente instalada en su computadora.
- No tiene forma de forzar al usuario a descargar e instalar una fuente específica.
- No puede estar seguro de que las fuentes estén instaladas en la computadora del usuario.
- No puede estar seguro de cómo se representará su página en los navegadores.
Usando fuentes alternativas
Por ejemplo, si desea que su página muestre la fuente "Trebuchet MS". Luego especifique:
Familia tipográfica: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
Al poner primero "Trebuchet MS", usted especifica que la página se mostrará con esta fuente.
- Si el usuario tiene una fuente instalada, la página se mostrará con Trebuchet MS.
- Si el usuario no tiene esta fuente, el navegador intentará sucesivamente con cada uno de los siguientes (Verdana, Arial ...).
Simplemente especifique las fuentes que están gráficamente / visualmente cerca de la fuente que desea usar.
Los tipos por defecto
Hay 3 tipos de fuentes predeterminadas que todos los navegadores reconocen:
- serif
- sans-serif
- monoespacio
Cuando especifique la fuente que se utilizará, es una buena práctica especificar siempre una de estas tres fuentes genéricas como último recurso.
Típicamente, como en nuestro ejemplo anterior:
Familia tipográfica: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
Sans-serif es la fuente más cercana a "Trebuchet MS" y, en el peor de los casos, tendrá un sitio web que se ve ligeramente diferente a su concepto original.
La apariencia de las fuentes por defecto.
Cada sistema operativo y navegador interpreta las fuentes predeterminadas de manera diferente
- serif: Es "Times New Roman" en Windows, y "Times" en Macintosh (que es diferente de Windows).
- sans-serif: Este es el "Arial" en Windows, y el "Helvetica" en Macintosh.
- monospace: "Courier New" en Windows, "Courrier" en Macintosh y, a menudo, "VeraSans" o "DejaVuSans" de Linux.
Aquí la apariencia de las fuentes en Windows (en Internet Explorer):
Bajo Windows, pero con ClearType habilitado:
MacOS X (Safari):
Linux (Ubuntu - Firefox):
Recomendaciones
Para fuentes serif, especifique:
"Times New Roman", Times, serif;
Para las fuentes sans-serif, especifique:
Verdana, Arial, Helvetica, sans-serif;
(Verdana tiene una mejor capacidad de lectura de pantalla que Arial, aunque existe controversia sobre el uso de la policía).
Para fuentes monoespaciadas:
"DejaVu Sans Mono", "Bitstream Vera Sans Mono", monoespacio;
Las familias de fuentes Vera y DejaVu son de código abierto y permiten la mejor legibilidad.
Campo de golf
Las fuentes disponibles en la instalación de Windows XP.