Kako izabrati fontove za sajt: tipografija koja izgleda profesionalno

Kako izabrati fontove za sajt je pitanje koje deluje sitno, a u praksi odlučuje da li tvoj sajt izgleda profesionalno ili amaterski. Ogromna većina sadržaja na svakom sajtu je tekst, pa je tipografija bukvalno najveći deo dizajna. U ovom vodiču prolazimo kroz ceo izbor korak po korak — bez dizajnerskog žargona — po istim principima koje svakodnevno koristimo u našoj usluzi web dizajna.

Zašto tipografija nosi 90% dizajna

Među dizajnerima postoji stara izreka da je web dizajn 90% tipografija. Zvuči preterano dok ne pogledaš bilo koji sajt i skloniš slike: ono što ostane je tekst. Naslovi, opisi usluga, cene, dugmad — sve je tekst. Ako taj tekst izgleda neuredno ili se teško čita, nikakva hero fotografija to neće spasiti.

Posetilac formira utisak o sajtu za nekoliko sekundi, a fontovi su među prvim stvarima koje oko registruje, čak i kad toga nismo svesni. Advokatska kancelarija sa razigranim, zaobljenim fontom deluje neozbiljno. Prodavnica dečije opreme sa strogim, tehničkim fontom deluje hladno. Font je ton glasa tvog biznisa u pisanoj formi — isto kao logo i boje, o čemu smo detaljnije pisali u vodiču kroz korporativni identitet.

Dobra vest: ne moraš da budeš dizajner da bi izabrao dobre fontove. Dovoljno je da pratiš nekoliko pravila iz ovog teksta i da izbegneš greške sa kraja.

Serif, sans-serif ili display: kada koji

Fontovi se grubo dele u tri grupe i svaka ima svoju ulogu na sajtu.

Serif fontovi (Georgia, Playfair Display, Merriweather)

Serifi su male „kvačice“ na krajevima slova. Asociraju na štampu, tradiciju i autoritet, pa su dobar izbor za advokatske kancelarije, računovodstvene agencije, medije i premium brendove. U naslovima deluju elegantno; za tekst na ekranu biraj serife dizajnirane za web (Georgia, Merriweather), ne one preslikan iz štampe.

Sans-serif fontovi (Arial, Inter, Open Sans)

Bez kvačica, čist i moderan izgled. Najbolje se čitaju na ekranima, posebno u manjim veličinama, i zato su podrazumevani izbor za osnovni tekst. Ako nisi siguran šta ti treba — sans-serif je siguran odgovor.

Display fontovi

Dekorativni fontovi sa jakim karakterom: rukopisni, retro, geometrijski. Smeju da postoje samo u naslovima, logou ili kratkim akcentima — nikada u pasusima. Isti princip važi i za tipografiju u logou, o čemu više u vodiču za izradu logotipa.

Web-safe i sistemski fontovi: kada su dovoljni

Pre nego što kreneš da biraš fontove za preuzimanje, znaj da postoji besplatna i munjevito brza opcija: fontovi koji su već instalirani na uređaju posetioca.

• Arial / Helvetica — neutralni sans-serifi koje ima praktično svaki uređaj
• Georgia — serif dizajniran za čitanje na ekranu, odličan za duže tekstove
• Verdana — širok i izuzetno čitljiv u malim veličinama
• system-ui — „pametna“ opcija koja koristi podrazumevani font operativnog sistema (San Francisco na Apple uređajima, Segoe UI na Windowsu, Roboto na Androidu)

Prednost: nula fajlova za učitavanje, dakle nula uticaja na brzinu. Zato sistemske fontove koriste i giganti poput GitHub-a. Kada su dovoljni? Za interne alate, jednostavne prezentacione sajtove, projekte gde je brzina apsolutni prioritet ili je budžet minimalan. Mana je što sajt tipografski izgleda kao hiljade drugih — brend koji želi prepoznatljivost obično ide korak dalje.

Google Fonts favoriti za 2026: provereni parovi

Google Fonts je besplatna biblioteka sa preko 1.500 familija fontova i za većinu sajtova malih biznisa to je sasvim dovoljan izbor. Ključna veština nije naći jedan lep font, nego upariti dva koja rade zajedno: jedan za naslove, jedan za tekst. Evo četiri para koja u praksi stalno dobro prolaze.

Inter + Inter

Jedna familija za sve: deblji rez za naslove, regular za tekst. Inter je dizajniran baš za ekrane, izuzetno je čitljiv i deluje savremeno. Idealan za SaaS, tehnološke i korporativne sajtove kada želiš čist, ozbiljan izgled bez eksperimentisanja.

Montserrat + Open Sans

Geometrijski, upečatljivi naslovi i neutralan, prijatan tekst. Najsigurnija kombinacija za uslužne biznise — od stomatoloških ordinacija do građevinskih firmi. Sa ovim parom je teško pogrešiti.

Playfair Display + Source Sans 3

Elegantan serif u naslovima daje premium ton, a jednostavan sans drži tekst čitljivim. Odličan za advokate, salone lepote, restorane i sve brendove koji prodaju „doživljaj“.

Fraunces + Work Sans

Serif sa karakterom i toplinom, za brendove koji žele da se izdvoje: zanatske radnje, kafeterije, kreativni studiji. Work Sans u tekstu smiruje celu priču.

Zajednički princip svih parova je kontrast: naslov i tekst treba jasno da se razlikuju — ili serif uz sans-serif, ili ista familija u vidno različitim debljinama.

Koliko fontova sme na sajt

Kratko pravilo: dve familije fontova, izuzetno tri. Jedna za naslove, jedna za tekst; treća samo ako za nju postoji jasan razlog, recimo poseban font za citate ili brojeve.

Važniji od broja familija je broj rezova — svaka debljina i stil (regular, bold, italic, light...) je poseban fajl koji posetilac mora da preuzme. U praksi je dovoljno: jedan do dva reza za naslove i dva do tri za tekst (regular, bold, eventualno italic). Ako učitavaš sedam-osam rezova, sajt plaća cenu u brzini, a dizajn u vizuelnom haosu.

Fontovi su deo vizuelnog identiteta i treba da budu usklađeni sa logoom i bojama brenda — ako identitet gradiš od nule, to je posao za grafički dizajn, a ne za nasumično biranje sa spiska.

Performanse: da fontovi ne uspore sajt

Svaki font koji učitavaš je fajl, a fajlovi koštaju vreme. Ne moraš da znaš kod, ali ova tri koncepta treba da tražiš od developera ili da ih proveriš na svom sajtu:

• font-display: swap — dok se tvoj font učitava, tekst se odmah prikazuje rezervnim sistemskim fontom, pa se zameni. Bez toga posetilac gleda prazan prostor umesto teksta.
• Self-hosting — font se servira sa tvog servera umesto sa Google-ovog. Obično je brže, a rešava i pitanje GDPR-a, jer se IP adresa posetioca ne šalje Google-u.
• Preload glavnog fonta — browser-u se kaže da font za osnovni tekst učita među prvim stvarima, pre manje bitnih resursa.

Variable fontovi: jedan fajl, sve debljine

Klasičan font zahteva poseban fajl za svaku debljinu. Variable font sve debljine (a često i širine i nagibe) pakuje u jedan fajl, pa umesto četiri zahteva imaš jedan. Inter, Montserrat, Fraunces i mnogi drugi Google fontovi već postoje u variable verziji — ako biraš novi font u 2026, variable verzija je podrazumevani izbor.

Srpska slova: č, ć, š, ž, đ — proveri pre nego što zažališ

Najčešća tipografska greška na sajtovima u Srbiji: izabereš lep font, sve izgleda sjajno — dok se ne pojavi reč „ćevapi“ ili „šišanje“. Mnogi fontovi, posebno dekorativni i display, nemaju naša slova. Browser tada ta slova „pozajmi“ iz rezervnog fonta, pa usred reči iskoči slovo drugačijeg oblika i debljine. Izgleda kao štamparska greška i odaje amaterski rad.

Kako da proveriš: srpska latinična slova spadaju u skup „Latin Extended“. Na Google Fonts u filterima uključi Latin Extended, a zatim u polje za probni tekst ukucaj rečenicu sa svim spornim slovima, npr. „Ljubazni fenjerdžija čađavog lica hoće da mi pokaže štos“. Ako bilo koje slovo izgleda drugačije od ostalih — font otpada.

Ako sajt imaš i na ćirilici, proveri i Cyrillic subset — podržava ga znatno manje fontova, pa ovu proveru uradi pre nego što se zaljubiš u dizajn.

Veličine, hijerarhija i najčešće greške

I najbolji font propada ako je premali ili nabijen. Osnovna pravila koja rešavaju 90% problema:

• Osnovni tekst minimum 16px — to je podrazumevana veličina u browserima i sve ispod toga se na telefonu teško čita
• Prored (line-height) 1,5 do 1,7 za pasuse — tekst mora da „diše“
• Dužina reda 45–75 znakova — predugi redovi zamaraju oko
• Jasna hijerarhija: H1 vidno veći od H2, H2 od H3, a svi naslovi veći od osnovnog teksta
• Kontrast: tamna slova na svetloj podlozi (ili obrnuto), nikako svetlosiva na beloj

A greške koje najčešće viđamo u praksi:

• Display font u pasusima — dekorativni fontovi su za naslove, ne za čitanje
• Previše familija i rezova — sajt deluje neuredno i sporo se učitava
• Tekst od 12–14px „da sve stane“ — posetilac neće da zumira, nego odlazi
• Dugi pasusi centrirani ili ispisani sve velikim slovima
• Font bez srpskih slova — mešavina oblika usred reči

Zaključak: siguran recept

Ako ceo vodič sažmemo u jedan recept: uzmi jedan proveren par sa Google Fonts (npr. Montserrat + Open Sans), proveri Latin Extended podršku, ograniči se na dve familije i 3–4 reza, postavi osnovni tekst na 16px+ sa proredom oko 1,6 — i tvoj sajt će tipografski biti ispred većine konkurencije.

A ako želiš tipografiju koja je deo promišljenog dizajna, a ne samo dobar izbor sa spiska — javi nam se preko kontakt stranice, pa ćemo zajedno pogledati šta tvom sajtu treba.