Fontul contribuie la identitatea unui site, dar fiecare familie, greutate și stil poate adăuga o descărcare. Dacă textul așteaptă prea mult sau își schimbă brusc dimensiunea, vizitatorul simte pagina instabilă. Soluția nu este să renunți la brand, ci să livrezi doar ce folosești și să pregătești o alternativă decentă când fontul principal nu este încă disponibil.
Fă inventarul variantelor folosite
Verifică efectiv titlurile, paragrafele, butoanele și mesajele de eroare. Poate ai încărcat șase greutăți, dar folosești două. Elimină cererile duplicate și familiile rămase din componente vechi. Nu presupune că un fișier variabil este întotdeauna mai mic: compară ce livrezi pentru combinația reală de stiluri. Măsoară transferul, nu doar numărul de fișiere.
Păstrează caracterele de care ai nevoie
Un subset prea agresiv poate elimina diacriticele românești, simbolul monedei sau caracterele folosite în numele clienților. Verifică ș, ț, ă, â și î, atât în litere mici, cât și mari. Testează și engleza. Dacă fontul se schimbă doar pentru unele caractere, diferența poate fi vizibilă în titluri și poate altera lățimea textului.
Alege cum apare textul inițial
Comportamentul de afișare a fontului influențează dacă textul rămâne temporar invizibil sau apare cu un font alternativ. O alegere potrivită depinde de design și de performanța livrării. Pregătește un fallback cu proporții apropiate și verifică schimbarea efectivă în browser. Un nume generic la finalul listei este util, dar nu garantează singur că butoanele rămân la aceeași dimensiune.
Încarcă prioritar doar ce merită
Preload poate ajuta un font critic, dar prea multe resurse prioritare concurează cu imaginea și stilurile importante. Folosește-l pentru fișierele necesare imediat și verifică dacă browserul reutilizează cererea, fără descărcări duble. Dacă găzduiești fonturi local, păstrează licența și formatul potrivite. Alegerea locală sau externă are și implicații de confidențialitate și disponibilitate, nu doar de viteză.
Verifică fără fontul principal
Blochează temporar resursa într-un mediu de test și folosește pagina: meniul, prețurile și formularele trebuie să rămână lizibile. Mărește textul și verifică numele lungi. Nu micșora excesiv fontul doar ca să încapă un buton; adaptează componenta. Un brand coerent include și modul în care site-ul funcționează când rețeaua nu este ideală.
Surse și lecturi utile
Ghid editorial CloudCity, bazat pe documentația de mai jos. Verifică sursa oficială pentru reguli și proceduri care se pot schimba.
