Većina članaka o "najboljim besplatnim fontovima" nabaci trideset opcija bez ikakvog podatka o tome kako se ponašaju na stvarnoj web stranici. To nije korisno. Ne treba vam samo font koji lijepo izgleda u alatu za dizajn, nego font koji se brzo učitava, oštro prikazuje na svim uređajima i ima sva slova jezika na kojem pišete.
Evo šest fontova koji vrijede vašeg vremena i dva nova s Google Fontsa koja su se pojavila krajem 2025. Svaki je besplatan i ima sva hrvatska slova, č, ć, đ, š i ž, što smo provjerili u samim datotekama fontova. Za svaki smo 25. listopada 2026. izmjerili koliko teži na Google Fontsu.
Zašto odabir fonta vrijedi više nego što mislite
Prije popisa, nekoliko riječi o tome zašto je ova odluka na webu važnija nego drugdje.
Font na plakatu mora samo lijepo izgledati. Font na web stranici mora lijepo izgledati, brzo se učitati, oštro se prikazati u malim veličinama, raditi na svim operativnim sustavima i imati sve znakove koje trebate. To je sasvim drugačiji popis zahtjeva.
Svaki vlastiti font koji dodate je još jedna datoteka koju preglednik mora preuzeti. Na sporoj mobilnoj vezi to je razlika između stranice koja djeluje brzo i stranice koja dvije sekunde pokazuje prazan tekst.
Za hrvatske stranice postoji još jedan detalj. Google Fonts dijeli latinicu na dva podskupa: osnovni (latin) i prošireni (latin-ext), u kojem su č, ć, đ, š i ž. Stranica na hrvatskom zato gotovo uvijek preuzima oba. U tablici ispod zbog toga navodimo oba broja.
Odabir fontova s mišlju na performanse dio je dobrog web dizajna. Za širi pogled na to kako tipografija utječe na posjetitelje, pročitajte naš vodič o odabiru pravog fonta.
Gelasio
Savršen za: Tijelo teksta kada želite karakter bez gubitka čitljivosti.
Gelasio je serifni font koji iznenađujuće dobro radi na zaslonu. Prema opisu na Google Fontsu, mjerama je usklađen s Georgijom u običnom, podebljanom i kurzivnom rezu, pa Georgiju možete koristiti kao zamjenski font bez pomaka teksta dok se Gelasio učitava.
Oblici slova su topli i čitljivi u veličini odlomka. Nije spektakularan, i to je poanta. Za duge tekstove poput blog članaka i opisa usluga želite font koji nestane dok čitate.
Napomena o performansama: Varijabilna datoteka s rasponom od 400 do 700 teži 35 KB za osnovnu latinicu i još 41 KB za proširenu. Učitajte samo ono što trebate: obični i podebljani rez pokrivaju većinu tekstova.
Space Grotesk
Savršen za: Tehnološke brendove i stranice softverskih proizvoda.
Space Grotesk je proporcionalni sans-serif geometrijske građe s nekoliko neobičnih detalja. Otvoreni oblici i blago zaobljene krivulje daju mu tehnički dojam, a da ne djeluje hladno.
Odlično radi za naslove i elemente sučelja. Uparite ga s neutralnim fontom za tijelo teksta, poput DM Sansa, i dobivate tipografski sustav koji djeluje moderno i promišljeno.
Napomena o performansama: Varijabilna verzija pokriva debljine od 300 do 700 i teži samo 22 KB za osnovnu latinicu i 19 KB za proširenu. Koristite nju i pustite CSS da bira debljinu.
DM Sans
Savršen za: Čista sučelja, nadzorne ploče i stranice koje trebaju djelovati profesionalno, a ne dosadno.
DM Sans je jedan od onih fontova koji jednostavno rade posvuda. Geometrijski je precizan, vrlo čitljiv u malim veličinama i dovoljno neutralan da se slaže s gotovo svime.
Ako izrađujete poslovnu stranicu i ne želite previše razmišljati o tipografiji, DM Sans je siguran izbor. Jednako dobro nosi tijelo teksta, izbornik, gumbe i naslove. To je font na koji se nitko neće žaliti, a to je zapravo kompliment.
Napomena o performansama: Varijabilna datoteka pokriva cijeli raspon od 100 do 1000 i ima os optičke veličine, a teži 37 KB za osnovnu latinicu i 18 KB za proširenu. Dvije debljine i kurziv pokrivaju većinu projekata.
Playfair Display
Savršen za: Naslove na stranicama hotela, restorana i lifestyle brendova.
Playfair Display je kontrastni serif s izraženim prijelazima debelih i tankih poteza. U velikim naslovima djeluje profinjeno: hoteli, restorani, modni brendovi, vinoteke, svugdje gdje je ugođaj "luksuzno, ali pristupačno".
Upozorenje: ne koristite ga za tijelo teksta. Visoki kontrast koji ga čini dojmljivim na 48 piksela čini ga mukom na 16. Uparite ga s čistim sans-serifom za tijelo teksta. Kontrast između ta dva fonta stvara hijerarhiju koja vodi pogled tamo gdje želite.
Napomena o performansama: Varijabilna verzija od 400 do 900 teži 38 KB za osnovnu latinicu i 21 KB za proširenu. Ograničite se na jednu ili dvije debljine i koristite font-display: swap kako tekst ne bi bio nevidljiv dok se font učitava.
Aspekta
Savršen za: Vizualne identitete i moderne poslovne stranice.
Aspekta je suvremeni sans-serif koji djeluje i prijateljski i ozbiljno. Razvio ga je Ivo Dolenc u Hrvatskoj, objavljen je pod licencom OFL 1.1 i dolazi u dvadeset debljina, od 50 do 1000, uz četrnaest stilskih setova zamjenskih oblika slova.
Izdvaja ga preciznost. Svaki oblik slova djeluje promišljeno, pa tekst logotipa izgleda dizajnirano, a ne samo utipkano. Ako uz web stranicu gradite i vizualni identitet, Aspekta vam daje dosljednost u oboje.
Napomena o performansama: Aspekta nije na Google Fontsu, pa je poslužujete sami. Paket već sadrži datoteke WOFF2 i varijabilnu verziju. Suzite ga na znakove koji vam trebaju i unaprijed učitajte datoteku u zaglavlju stranice.
Instrument Serif
Savršen za: Urednički sadržaj, časopise i portfolije.
Instrument Serif je elegantan, a nije krut. Oblici slova imaju gotovo kaligrafsku toplinu koja oživljava uredničke rasporede. Radi za naslove i istaknute citate na stranicama s puno sadržaja.
Prirodno se slaže s Instrument Sansom iz iste obitelji, za skladan tipografski sustav. Ili ga kombinirajte s geometrijskim sans-serifom za veći kontrast. Oba pristupa rade.
Napomena o performansama: Instrument Serif ima samo obični rez i kurziv, bez varijabilne verzije. Obični rez teži 21 KB za osnovnu latinicu i 12 KB za proširenu, pa je najlakši na ovom popisu.
Novo na Google Fontsu: Google Sans i Google Sans Flex
Najveća novost među besplatnim fontovima u zadnjih godinu dana je da je Google otvorio svoj brend font. Google Sans, font koji vidite u Googleovim proizvodima, na Google Fontsu je od 9. prosinca 2025. pod licencom SIL Open Font License 1.1, a njegova varijabilna inačica Google Sans Flex od 12. studenoga 2025.
Google Sans je varijabilan font s debljinama od 400 do 700, osi za optičku veličinu i osi za stupanj (grade), kojom tekst možete malo podebljati bez promjene širine i prijeloma redaka. Kurzivi su u zasebnoj datoteci. Teži 36 KB za osnovnu latinicu i 22 KB za proširenu.
Google Sans Flex ide dalje: uz debljinu od 1 do 1000 ima osi za širinu, optičku veličinu, nagib i zaobljenost, pa iz jedne datoteke dobivate desetke stilova. Samo s osi debljine teži 51 KB za osnovnu latinicu i 26 KB za proširenu.
Jedno upozorenje: oba su jako prepoznatljiva jer ih ljudi svakodnevno gledaju u Googleovim aplikacijama. Za sučelje i alate to je prednost, a za brend koji se želi razlikovati možda i nije.
Kako odabrati između njih
Evo brzog okvira za odluku.
Izrađujete blog ili stranicu s puno sadržaja? Gelasio za tijelo teksta, Space Grotesk ili DM Sans za naslove.
Izrađujete softverski ili tehnološki proizvod? DM Sans ili Google Sans posvuda, ili Space Grotesk za naslove uz DM Sans za tijelo.
Izrađujete luksuzni ili lifestyle brend? Playfair Display za naslove, DM Sans ili Gelasio za tijelo.
Izrađujete poslovnu stranicu s jakim vizualnim identitetom? Aspekta kroz cijelu stranicu. Ima dovoljno debljina za svaki element.
Izrađujete uredničku ili portfolio stranicu? Instrument Serif za naslove, uz neutralan sans-serif.
| Font | Debljine | Osnovna latinica | Proširena latinica |
|---|---|---|---|
| Gelasio | 400 do 700 | 35 KB | 41 KB |
| Space Grotesk | 300 do 700 | 22 KB | 19 KB |
| DM Sans | 100 do 1000 | 37 KB | 18 KB |
| Playfair Display | 400 do 900 | 38 KB | 21 KB |
| Instrument Serif | samo 400 | 21 KB | 12 KB |
| Google Sans | 400 do 700 | 36 KB | 22 KB |
| Google Sans Flex | 1 do 1000 | 51 KB | 26 KB |
Mjereno 25. listopada 2026. na Google Fontsu: jedna varijabilna datoteka uspravnog reza u formatu WOFF2 (Instrument Serif nema varijabilnu, pa je naveden obični rez). Kurzivi su zasebne datoteke.
Zapamtite da najbolja tipografija nije savršen font, nego sustav u kojem fontovi, veličine, debljine i razmaci rade zajedno. U tom sustavu velik dio posla obavljaju i boje, pa pročitajte i kako boje utječu na korisničko iskustvo.
Kontrolna lista performansi
Prije nego što bilo koji font pustite na stranicu, prođite ovo.
- Fontove poslužujte sa svoje domene. Ugradnja s Googleovih poslužitelja šalje Googleu IP adresu svakog posjetitelja, a njemački sud je zbog toga 2022. dosudio odštetu. Detalje smo opisali u vodiču o odabiru fonta. Ne računajte ni na to da posjetitelj font već ima u pregledniku: Chrome od verzije 86 i Safari spremaju preuzete datoteke odvojeno za svaku stranicu, pa font preuzet na tuđoj stranici ne ubrzava vašu.
- Koristite format WOFF2. Najbolje je sažet i podržavaju ga svi današnji preglednici.
- Suzite fontove na znakove koji vam trebaju. Za stranicu na hrvatskom trebate osnovnu i proširenu latinicu, ali ne ćirilicu ili vijetnamski.
- Koristite
font-display: swapkako tekst ne bi bio nevidljiv dok se font učitava, a opisnikomsize-adjustuskladite zamjenski font da se tekst ne pomakne. - Ograničite debljine. Svaka dodatna debljina je još jedna datoteka.
- Razmislite o varijabilnim fontovima. Jedna datoteka, sve debljine, obično lakša od tri zasebne.
- Unaprijed učitajte glavni font. Poveznica za preload u zaglavlju stranice govori pregledniku da ga dohvati rano.
Dobra tipografija je nevidljiva. Loša tipografija je jedino što itko vidi. Odaberite font koji služi vašem sadržaju, optimizirajte ga za web i prijeđite na sljedeću stvar.
Trebate pomoć pri odabiru i ugradnji tipografije za svoju web stranicu? Pogledajte naše usluge web dizajna ili pročitajte više o odabiru pravog fonta za vaš projekt.
