100 puntos a saber sobre...
Desarrollo de una web de diseño eco

En una de las lecciones anteriores (41) hemos visto algunos ejemplos de los tipos de fuente web más populares.
En esta lección te proporcionamos la lista de las fuentes de sistema más comunes.

Fuentes de sistema

• Georgia es una fuente serif, lo que significa que las letras tienen la particularidad de ser serif. "Este tipo de letra fue creada para Microsoft con el fin de garantizar una buena visibilidad en pantallas de baja resolución. Por tanto, es fácil de leer tanto en un ordenador como en un dispositivo móvil.
• Helvetica es un tipo de letra sans serif. Es más moderna que la fuente serif. También se considera una de las fuentes más fáciles de leer.
• Open Sans es especialmente legible gracias al espaciado entre las letras, también conocido como "kerning".

Según Google, "se ve muy bien en la web, así como impresa y en interfaces móviles, y tiene una excelente legibilidad debido a la forma de sus letras".

• Quicksand es una fuente sans serif creada por Google, basada en formas geométricas. Tiene la particularidad de ser muy legible en dispositivos móviles.
• Verdana, especialmente creada para pantallas de ordenador, forma parte de la categoría de fuentes sans serif. Es la más adecuada si tu sitio contiene mucho texto.

Algunos ejemplos más de fuentes web y fuentes web personalizadas

• Rooney se considera una fuente personalizada. Según Jan Fromm, su creador, "sus formas redondeadas y curvas delicadas dan una sensación de cercanía y suavidad".
• Karla es una de las llamadas fuentes sans serif, caracterizada por su sencillez. Google la califica de "popular y excéntrica".
• Roboto se describe como "atrevida, moderna y accesible". Creada por Google para su sistema operativo Android. También lo utiliza Chrome.
• Ubuntu se describe como de estilo "humanista".
• Lato se describe como fácil de usar, fuerte, fiable y estable. Se considera la fuente preferida para el diseño web profesional.
• Futura se considera una fuente limpia y pura, y garantiza una buena legibilidad.

Algunos consejos para un diseño de fuentes sostenible

Para limitar la huella de carbono de tu sitio web, he aquí algunos parámetros a tener en cuenta a la hora de diseñar la fuente:

• Favorece las fuentes denominadas estándar, que son las instaladas por defecto con los sistemas operativos, frente a las fuentes especiales. Las fuentes estándar más comunes son Arial, Verdana, Times New Roman; Georgia; Tahoma, etc.
• Si optas por fuentes especiales, utilízalas para los títulos o el menú del sitio;
• Limita el número de variantes;
• Elimina los caracteres innecesarios;
• Y comprime en formato WOFF2. Te permitirá reducir el peso de la fuente al menos un 30%.