Les tipografies (fonts)

Web fonts / font-face
Quan un usuari visita un lloc web, sovint el navegador descarrega les tipografies, o fonts, que s’han definit per disseny a través del comandament @font-face, una manera de carregar un fitxer de tipografia digital al servidor o al nostre ordinador i, a continuació, fer referència a aquest tipus de lletra mitjançant l’ordre font-family a l’arxiu d’estil CSS. Actualment s’acostumen a utilitzar les fonts web perquè permeten una major personalització del disseny. Però aquesta personalització afecta el rendiment, sovint afegint diversos segons de temps de càrrega a una pàgina.

Desavantatges:

Com que s'han de descarregar almenys en la primera visita al lloc, el seu ús augmenta el temps de càrrega de la pàgina i la quantitat de bytes transferits.
El problema amb l’augment del temps de càrrega de la pàgina i la quantitat de bytes transferits augmenta amb cada tipus de lletra web utilitzat.
Depenent de com s'utilitzin i de la velocitat de la xarxa, el tipus de lletra mostrat pot passar d'un valor per defecte al tipus de lletra web quan finalment es carrega o el text és invisible fins aleshores. Ambdues coses visualment desagradables.
També hi ha el risc que l’ús de tipus de lletra web de serveis externs pugui xocar amb normatives de privadesa com el GDPR europeu.
La gran majoria de webs tiren de google web fonts, així que estem beneficiant, de nou, als de sempre, i perjudicant precisament a la comunitat de gent interessada en la nostra activitat, atès que estem regalant a google dades sobre els seus hàbits.
Tot i que normalment es carreguen només a la primera visita del lloc web i es guarden a la memòria cau del navegador per a la sessió, poden representar una gran quantitat de bytes transferits.

Consells si useu editors tipus Wordpress o d’altres del mateix tipus:

Trieu un tema que utilitzi pocs o cap tipus de lletra web. És possible que hagueu de demanar a l'autor informació al respecte.
Si us encarinyeu amb un tema que usa web fonts, demaneu a un/a desenvolupador/a que desactivi l'ús de tipus de lletra web per al vostre tema.
Demaneu a la persona que us dissenya el tema/web que utilitzi fonts predeterminades o, com a mínim, el mínim de tipus de lletra web possible.
Utilitzeu l’opció "Desactiva els tipus de lletra web" del plugin de WordPress de GreenerWP per desactivar els tipus de lletra web del vostre tema (si aquest ho admet).

Fonts predeterminades

Amb tipografies personalitzades a tot el web, sovint és fàcil passar per alt que fins i tot abans que el CSS del lloc web no actuï, el full d’estil “user-agent” o la configuració del navegador apliquen ja estils al lloc web. Una de les primeres coses que aprèn una persona dissenyadora de front-end és que tot l’estil específic del lloc web que veiem simplement substitueix aquests valors predeterminats del navegador. I això vol dir càrrega i trànsit innecessaris.

A The low tech magazine ens intenten convèncer que tornem a utilitzar les tipografies per defecte: es tracta d’aprofitar aquests valors predeterminats, ja que no només evita haver de carregar més recursos, sinó que també reclama el paper del navegador, i per tant de la persona usuària, en l'accés als llocs web.