Asocieri de fonturi și director Google Fonts
Răsfoiește un director curatoriat de fonturi Google Fonts populare cu previzualizări live, filtrează după categorie și caută după nume, apoi copiază cod CSS gata de utilizat și explorează asocieri de fonturi sugerate — totul în browserul tău.
Totul rulează în browserul tău — fonturile sunt încărcate din Google Fonts doar pentru previzualizarea live, nimic nu este încărcat, fără înregistrare, complet gratuit.
Un titlu compus în fontul decorativ
Iar aici este un paragraf de text compus în fontul de text asociat. Asocierile bune de fonturi echilibrează personalitatea și lizibilitatea: un font de titlu cu caracter atrage privirea, în timp ce un font de text curat și confortabil menține pasajele lungi ușor de citit. Dă clic pe „CSS” pentru a copia ambele linii @import și regulile font-family pentru titluri și pentru textul tău.
Despre Asocieri de fonturi și director Google Fonts
Acest director de fonturi adună 80 de fonturi populare Google Fonts pe o singură pagină cu funcție de căutare, fiecare randat ca un specimen live cu o linie exemplu de tip pangramă, o linie de alfabet și cifre, și o insignă de categorie. Acoperă cinci familii de tipuri de literă — sans-serif, serif, display, scris de mână și monospace — astfel încât să poți compara forme reale de litere în loc să ghicești din nume.
Fiecare card de font include sugestii curate de asociere: fonturi partenere care funcționează bine împreună pentru titluri și text de corp. Dând clic pe un chip de pereche se deschide o previzualizare care setează un titlu într-un font și un paragraf în celălalt, astfel încât să poți evalua combinația în context înainte de a te angaja la ea.
Când un font sau o pereche se potrivește, un singur clic copiază CSS gata de lipit — o linie @import pentru foaia de stiluri Google Fonts, plus stiva de font-family corespunzătoare cu un fallback rezonabil. Fonturile sunt încărcate din Google Fonts doar pentru previzualizările live; nimic din ce tastezi nu este încărcat nicăieri.
Cum să utilizați Asocieri de fonturi și director Google Fonts
- Răsfoiește cardurile de font, fiecare afișând numele său, insigna de categorie și text de exemplu live setat în tipul de literă real.
- Folosește caseta de căutare pentru a găsi un font după nume, sau dă clic pe un chip de categorie (Sans-serif, Serif, Display, Scris de mână, Monospace) pentru a filtra grila.
- Trage cursorul de dimensiune (16–72 px) pentru a previzualiza linia de exemplu la dimensiunea țintă pentru titlu sau text de corp.
- Dă clic pe un chip „Se asociază cu” sau pe butonul „Previzualizează asocierea” pentru a vedea un titlu și un paragraf de corp setate în combinația sugerată.
- Dă clic pe butonul „CSS” de pe un card sau din previzualizarea asocierii pentru a copia linia @import și declarațiile font-family în clipboard.