Pretvarač slike


Besplatni fontovi — najpopularnije stranice, pregledi uživo i kako ih koristiti

Pregledajte pouzdane izvore za besplatne fontove, testirajte preglede uživo, kopirajte čisti CSS i naučite pravi način korištenja web-fontova. Uključene su zbirke otvorenog koda, besplatne za komercijalnu upotrebu i za osobnu upotrebu.

Google Fontovi

OFL

Najveća biblioteka otvorenog koda s brzim globalnim CDN-om, podskupovima i promjenjivim fontovima. Idealno za web i aplikacije. Većina obitelji koristi licencu SIL Open Font.

WebfontVarijabilnaKomercijalno OK*
Posjetiti

Fontshare (od ITF-a)

Besplatno

Kvalitetna slova besplatno nudi Indian Type Foundry. Čiste obitelji, jednostavno ugrađivanje CDN-a i mnogo različitih opcija.

WebfontVarijabilna
Posjetiti

Font Vjeverica

Besplatna reklama

Odabrani imenik usmjeren na besplatne fontove za komercijalnu upotrebu. Uključuje generator web-fontova za samostalno hosting.

Komercijalno OK*Generator
Posjetiti

Liga pokretnog tipa

OFL

Klasična ljevaonica otvorenog koda s bezvremenskim obiteljima kao što su League Spartan i Raleway. Izvrstan za brendiranje i editorijal.

Open SourceBrendiranje
Posjetiti

Baršunast

OFL

Eksperimentalna pisma otvorenog koda s prepoznatljivim stilovima prikaza. Savršeno za plakate, kulturu i kreativni rad.

PrikazEksperimentalno
Posjetiti

Kolektivna

OFL

Ljevaonica zajednice koja objavljuje visokokvalitetne besplatne fontove pod otvorenim licencama. Jake mogućnosti uređivanja i prikaza.

Open SourceUredništvo
Posjetiti

Otvorena ljevaonica

OFL

Odabrani indeks fontova otvorenog koda s alatima za testiranje i prezentacijom usmjerenom na dizajn. Idealno za otkrivanje novih obitelji.

Posjetiti

1001 fontovi

Mješovite licence

Veliki imenik s filtrima za besplatnu komercijalnu upotrebu. Pročitajte licencu po obitelji; mnogi su samo za osobnu upotrebu.

Posjetiti

DaFont

Osobna upotreba

Ogromna arhiva najbolja za osobne projekte i inspiraciju. Licence se jako razlikuju; provjerite svaku stranicu za preuzimanje.

Posjetiti

Fontovi ikona (Font Awesome, Material Icons, Remix Icon)

Besplatne razine

Za ikone korisničkog sučelja pomoću cjevovoda fonta. Razmotrite moderne SVG sustave ikona, ali fontovi ikona ostaju korisni za brzo dodavanje.

korisničko sučeljeCDN
Font Strašan Materijalne ikone Ikona remiksa

Pregled uživo i CSS isječci

Samo lokalno — ništa nije preneseno
The quick brown fox jumps over the lazy dog. 0123456789
obitelj-fontova: Inter, sans-serif; težina fonta: 600;

Usporedba značajki (snimak)

Licence se razlikuju ovisno o obitelji
stranica Open Source Besplatna reklama Promjenjivi fontovi CDN/webfontovi Bilješke
Google FontoviDaDa*DaDaNajveća biblioteka, brz CDN
FontshareMješovitiDaMnogiDaModerne obitelji
Font VjevericaMješovitiDa*NekiGeneratorPripremljeno za komercijalnu upotrebu
Liga pokretnog tipaDaDaNekiSamostalni domaćinBezvremenski klasici
BaršunastDaDaNekiSamostalni domaćinEksperimentalni prikaz
DaFontNeVariraNekolikoNeIzvrstan za osobne projekte

Kako koristiti besplatne fontove na webu

  1. Provjerite licencu: OFL i druge dopuštene licence najbolje su za komercijalne projekte. Neke web stranice navode fontove samo za osobnu upotrebu.
  2. Odaberite isporuku: CDN veza za brzinu ili samostalni host s @font-lice za kontrolu i privatnost.
  3. Unaprijed učitajte kritične fontove za vaš glavni tekst ako je CLS problem; definirajte zamjenske hrpe kako biste izbjegli bljeskove.
  4. Dajte prednost varijabilnim fontovima kada su dostupni kako biste smanjili zahtjeve i dobili fleksibilne težine.

Primjer CDN-a

<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>

Primjer samodomaćina

@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; }

* Uvijek provjerite licencu svake obitelji na izvornom mjestu.

FAQ

Jesu li Google Fontovi besplatni za komercijalnu upotrebu?

Većina je objavljena pod OFL-om i besplatna je za komercijalnu upotrebu. Potvrdite licencu na svakoj obiteljskoj stranici.

Trebam li koristiti fontove ikona ili SVG ikone?

SVG ikone su fleksibilnije za moderne aplikacije. Fontovi ikona ostaju korisni za brze postavke ili naslijeđene kanale.

Utječu li web fontovi na brzinu stranice?

Da. Koristiti font-display: zamjena, podskup gdje je to moguće i ograničite obitelji i težine.

Koji je najbolji font opće namjene?

Inter, Roboto i Source Sans 3 su svestrani. Uparite sa serifom kao što je Merriweather ili Playfair za naslove.