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

La tipografía en la web se define como el arte de presentar los contenidos de forma agradable, estética y accesible para todos.
Cuando creas contenido en tu sitio web, puedes elegir entre personalizar la fuente o seleccionar una del catálogo de Google.

En este módulo, veremos los diferentes impactos que la elección de una fuente puede tener en el rendimiento y la durabilidad de tu sitio web:

Carga de la fuente
Es importante tener en cuenta la cantidad de energía necesaria para cargar la fuente elegida. Cuanto mayor sea el tiempo de descarga, más energía requerirá.

Las peticiones HTTP.
Es importante tener en cuenta el número de peticiones necesarias para cargar todos los elementos de una página web. Cuantas más peticiones HTTP haya, mayor será el impacto. Y, por ende, requerirá mucha más energía.

El peso de la página
Cuanto menor sea el tamaño de la página web (kilobytes o megabytes), menos energía se necesitará para cargarla. En consecuencia, nuestro impacto medioambiental es menor.

En la noción anterior hemos definido 3 tipos de fuente. Teniendo en cuenta estos criterios, podemos concluir que las fuentes de sistema son las que menos energía consumen porque se instalan en ordenadores locales. Sin embargo, limitan las posibilidades de los diseñadores.

Las fuentes web, en cambio, amplían la paleta del diseñador, pero al mismo tiempo pueden aumentar las peticiones HTTP y el peso de la página, y ralentizar su carga. Diferentes conjuntos de fuentes web pueden tener diferentes efectos, como se ve en la noción anterior con las fuentes web más populares.

Una mala elección del tipo de letra repercute directamente en una serie de parámetros como:

• El tiempo de descarga de la página web, todos los elementos que componen una página web pueden repercutir en su tiempo de descarga. Por lo tanto, si eliges una fuente personalizada, es importante asegurarse de que no tenga un impacto demasiado grande en el rendimiento de tu sitio web;
• Legibilidad del texto;
• Accesibilidad del texto en todos los dispositivos de salida (impresora, etc.);
• Clasificación en los motores de búsqueda de Google;
• Huella de carbono del sitio.