Convertor de imagine


Fonturi gratuite — Top site-uri, previzualizări live și cum să le folosiți

Răsfoiți surse de încredere pentru fonturi gratuite, testați previzualizări live, copiați CSS curat și învățați modul corect de a utiliza fonturile web. Sunt incluse colecții cu sursă deschisă, gratuite pentru comerciale și pentru uz personal.

Fonturi Google

OFL

Cea mai mare bibliotecă open-source cu CDN global rapid, subseturi și fonturi variabile. Ideal pentru web și aplicații. Majoritatea familiilor folosesc SIL Open Font License.

WebfontVariabilăComercial OK*
Vizita

Fontshare (de la ITF)

Gratuit

Tipare de calitate oferite gratuit de Indian Type Foundry. Familii curate, încorporare CDN simplă și multe opțiuni variabile.

WebfontVariabilă
Vizita

Font Veveriță

Reclamă gratuită

Director curat axat pe fonturi gratuite pentru utilizare comercială. Include un generator de fonturi web pentru auto-găzduire.

Comercial OK*Generator
Vizita

Liga tipurilor mobile

OFL

Turnătorie clasică open-source cu familii atemporale precum League Spartan și Raleway. Excelent pentru branding și editorial.

Open SourceBranding
Vizita

Velvetyne

OFL

Fonturi de tip open-source experimentale cu stiluri distinctive de afișare. Perfect pentru postere, cultură și muncă creativă.

AfişaExperimental
Vizita

Colectiv

OFL

Turnătorie comunitară care lansează fonturi gratuite de înaltă calitate sub licențe deschise. Opțiuni editoriale și de afișare puternice.

Open SourceEditorial
Vizita

Deschide Turnatorie

OFL

Index de fonturi open source amenajat cu instrumente de testare și prezentare centrată pe design. Ideal pentru a descoperi familii proaspete.

Vizita

1001 fonturi

Licențe mixte

Director mare cu filtre pentru utilizare gratuită în scop comercial. Citiți licența pe familie; multe sunt doar pentru uz personal.

Vizita

DaFont

Utilizare personală

Arhivă uriașă, cea mai bună pentru proiecte personale și inspirație. Licențele variază foarte mult; verificați fiecare pagină de descărcare.

Vizita

Fonturi pentru pictograme (Font Awesome, Pictograme Material, Pictogramă Remix)

Niveluri gratuite

Pentru pictogramele UI care utilizează un canal de fonturi. Luați în considerare sistemele moderne de pictograme SVG, dar fonturile de pictograme rămân utile pentru adăugări rapide.

UICDN
Font Awesome Icoane materiale Pictograma Remix

Previzualizare live și fragmente CSS

Numai local — nu s-a încărcat nimic
The quick brown fox jumps over the lazy dog. 0123456789
familie de fonturi: Inter, sans-serif; greutatea fontului: 600;

Comparație de caracteristici (instantaneu)

Licențele variază în funcție de familie
Site Open Source Reclamă gratuită Fonturi variabile CDN/Webfonts Note
Fonturi GoogleDaDa*DaDaCea mai mare bibliotecă, CDN rapid
FontshareAmestecatDaMulteDaFamiliile moderne
Font VeverițăAmestecatDa*UneleGeneratorCreat pentru uz comercial
Liga de tip mobilDaDaUneleAuto-gazdăClasici atemporale
VelvetyneDaDaUneleAuto-gazdăDisplay experimental
DaFontNuVariazăPuținiNuExcelent pentru proiecte personale

Cum să utilizați fonturi gratuite pe web

  1. Verificați licența: OFL și alte licențe permisive sunt cele mai bune pentru proiectele comerciale. Unele site-uri listează fonturi de uz personal.
  2. Alegeți livrarea: link CDN pentru viteză sau auto-găzduire cu @font-face pentru control și confidențialitate.
  3. Încărcați în prealabil fonturile esențiale pentru textul dvs. eroului dacă CLS este o problemă; definiți stivele de rezervă pentru a evita flash-urile.
  4. Preferați fonturile variabile atunci când sunt disponibile pentru a reduce solicitările și pentru a obține ponderi flexibile.

Exemplu CDN

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
<style>
  body{ font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
</style>

Exemplu de auto-gazdă

@font-face{
  font-family: "MyFont";
  src: url("/fonts/MyFont-Variable.woff2") format("woff2");
  font-display: swap;
}
body{ font-family: "MyFont", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }

* Verificați întotdeauna licența fiecărei familii pe site-ul sursă.

Întrebări frecvente

Fonturile Google sunt gratuite pentru utilizare comercială?

Cele mai multe sunt lansate sub OFL și sunt gratuite pentru uz comercial. Confirmați licența pe fiecare pagină de familie.

Ar trebui să folosesc fonturi de pictograme sau pictograme SVG?

Pictogramele SVG sunt mai flexibile pentru aplicațiile moderne. Fonturile pentru pictograme rămân utile pentru setări rapide sau conducte vechi.

Fonturile web afectează viteza site-ului?

Da. Utilizare font-display: schimb, subset acolo unde este posibil și limitează familiile și ponderile.

Care este cel mai bun font de uz general?

Inter, Roboto și Source Sans 3 sunt versatile. Asociați-vă cu un serif precum Merriweather sau Playfair pentru titluri.