AcasăInstrumente de DesignCombinare de Fonturi

Combinare de Fonturi

Instrumentul Font Pairing previzualizează 12 combinații Google Fonts selectate pentru titluri și text, te lasă să combini singur fonturile și copiază CSS @import corespunzător.

The Art of Good Typography
Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. The arrangement of type involves selecting typefaces, point sizes, line lengths, line-spacing, and letter-spacing.

Despre acest instrument

Instrumentul Font Pairing previzualizează 12 combinații Google Fonts selectate pentru titluri și text, te lasă să combini singur fonturile și copiază CSS @import corespunzător.

Cum se folosește

  1. Alege una dintre combinațiile selectate sau alege singur fontul pentru titluri și pentru text.
  2. Folosește Random Pairing pentru a explora combinații.
  3. Urmărește previzualizarea live a titlului și a paragrafului.
  4. Apasă Copy CSS @import pentru a încărca fonturile pe site-ul tău.

Bine de știut

  • O combinație clasică pune în contrast un font serif cu unul sans-serif, de exemplu Playfair Display cu Source Sans 3.
  • Combinațiile includ Montserrat + Merriweather, Raleway + Lato, Space Grotesk + Inter și DM Serif Display + DM Sans.
  • Limitarea unui site la două familii de fonturi păstrează paginile coerente și reduce dimensiunea descărcărilor.
  • Previzualizarea încarcă fonturile alese din Google Fonts la grosimile 400 și 700.
  • Adăugarea display=swap la URL-ul fontului afișează textul cu fontul de rezervă cât timp se încarcă fontul web.

Funcționează complet în browserul tău — nimic din ce introduci nu este încărcat sau salvat.

Întrebări frecvente

Ce fonturi se potrivesc între ele?

Fonturile cu stiluri contrastante, dar proporții similare, se potrivesc de obicei bine, de exemplu un titlu serif cu contrast ridicat și un text sans-serif curat. Combinațiile selectate aici sunt verificate.

Câte fonturi ar trebui să folosească un site?

Două familii — una pentru titluri și una pentru text — sunt suficiente pentru majoritatea site-urilor. O a treia este rareori necesară.

Google Fonts sunt gratuite pentru uz comercial?

Da. Fonturile din biblioteca Google Fonts sunt publicate sub licențe deschise, precum SIL Open Font License, și pot fi folosite comercial.

Cum adaug fonturile pe site-ul meu?

Lipește @import-ul copiat la începutul fișierului CSS sau transformă-l într-un tag link în head-ul HTML, apoi setează font-family pentru titluri și body.