Primul lucru pe care îl observă un vizitator nu e imaginea, ci textul – și dacă e greu de citit, totul pare de calitate slabă. Tipografia web e mai mult decât „alegerea unui font frumos”: e sistemul care face conținutul clar, ierarhic și plăcut.
1. Alegerea fonturilor: mai puțin e mai mult
Două fonturi sunt suficiente: unul pentru titluri (display) și unul pentru text (body). Poate un al treilea pentru accent (monospace, pentru cod și cifre). Regula de aur: fonturile trebuie să contrasteze, nu să semene. Un serif cu un sans-serif, sau un display îndrăzneț cu un text neutru și clar. Verifică mereu suportul pentru diacritice românești – ș, ț, ă, â, î – pentru că multe fonturi frumoase le tratează prost.
2. Scală tipografică: proporții, nu valori întâmplătoare
Alege o scală (de exemplu raportul 1.2 – „major second”, sau 1.25 – „major third”) și generezi toate dimensiunile din ea. Text 16px, titlu 19-20px, H2 24-25px, H1 30-31px. Rezultatul: o pagină care se simte coerentă, nu un amestec de mărimi alese la ochi. Instrumente precum type-scale.com îți generează scala instant.
3. Lungimea rândului și spațierea
Un rând de text nu trebuie să depășească 60-75 de caractere; peste asta, cititul obosește. Setează lățimea maximă a paragrafelor (max-width) și un line-height generos: 1.5-1.6 pentru text, mai strâns pentru titluri. Spațiul dintre paragrafe și titluri face paginile „respirabile” – și paginile aerisite convertesc mai bine decât blocurile dense.
4. Ierarhie vizuală: titlurile trebuie să „curgă”
H1 spune subiectul paginii; H2-urile împart în secțiuni clare; H3-urile detaliază. Un utilizator trebuie să poată scana pagina în 10 secunde și să înțeleagă structura. Ierarhia tipografică e și un semnal SEO: Google și AI-urile citesc titlurile pentru a înțelege conținutul.
5. Performanță: fonturi ușoare, cu swap
Fonturile adaugă greutate paginii. Folosește doar greutățile de care ai nevoie (nu tot family-ul), încarcă cu display: swap ca textul să apară instant, și pre-conectează serverele de fonturi. Un font de 400KB încărcat integral poate costa secunde la LCP.
Tipografia se alege odată, apoi devine sistem
O scală și două fonturi bine alese fac restul site-ului să arate intenționat. La site-urile pe care le proiectez, tipografia e stabilită din prima zi – cu diacritice corecte, scală armonioasă și fonturi optimizate pentru viteză.