Font za web stranicu- Ovo je jedan od glavnih problema dizajna vaše stranice. Pravilno odabrana veličina, boja i vrsta fonta mogu riješiti probleme čitljivosti, ljepote i efikasnosti resursa u cjelini.

TOP 10 najboljih i najčešće korištenih fontova

Svi fontovi u nastavku smatraju se osnovnim, tako da se mogu koristiti na web stranici čak i bez učitavanja datoteke fontova (*.ttf) u direktorij na web mjestu

1. Tahoma

2. Verdana

3. Arial / Arial crni / Arial uski

4. Times New Roman

5. Palatino Linotip / Palatino

6. Uticaj

7. Century Gothic

8. Helvetica

9. Georgia

10. Gill Sans MT

Dodatno:

11. Courier New

12. Calibri

13. Trebuchet MS

14. Lucida Sans Unicode

Nekoliko pravila za korištenje fontova na web stranici

1. Osnova čitljivog teksta su naslovi. Oni djeluju kao neka vrsta svjetionika koji omogućavaju čitatelju da se fokusira na željeni dio ili odlomak, a da ga ne nerviraju nizom općih informacija. Također pokušajte istaknuti ključne riječi!

header

Prvi paragraf

Sekunda stav stav

2. Sajt treba da ima neki opšti koncept, pa pokušajte da ne koristite više od 2-3 fonta po sajtu. Ispod je CSS kod

Body (font: 14px/100% Tahoma, Verdana, sans-serif)
14px veličina slova, 100% uvlačenje između redova Tahoma korišteni font
3. Tekst nakon registracije treba da bude čitljiv – pazite na kontrast (crni tekst na bijeloj pozadini, bijeli na plavoj itd.). Pokušajte ne koristiti svijetle boje ni za jedno ni drugo. Postoje izuzeci, ali to ne spada u standardnu ​​praksu.

4. Kada dizajnirate tekst, pokušajte da ne koristite više od 2-3 boje. Imajte na umu da se najbolji dizajni drže 2-3 boje, ne više. Pratite ovo pravilo i vi

5. Tekst mora biti čitljiv! Pokušajte napraviti pasuse, uvući podstavke ili pozadinske informacije.

Tekst prvog paragrafa. Dugo i zanimljivo.

Ali tekst drugog pasusa se neće spojiti sa drugim, jer će između njih biti uvlaka.

Hvala vam na pažnji! I sretno sa vašim dizajnerskim projektima!

Font je važan. Kao vazduh koji ne primećuješ dok sve ne bude u redu. Većina ljudi nema pojma kako se fontovi zovu ili po čemu se razlikuju (i to je u redu), ali imaju nepogrešiv osjećaj da nešto nije u redu s vašom web lokacijom ako font koji koristite ne odgovara vašem projektu.

Šta je zasićenost fonta

Čitljivost fonta

Koji god font da odaberete, trebao bi biti čitljiv. Pogotovo ako koristite pozadinu. Ako stavite tanak font na fotografiju sa malim detaljima, tekst se neće pročitati. Uvek obratite pažnju na ovo.

Šta se može učiniti? Prvo upotrijebite fotografiju prikladnu za pozadinu: s velikim, ujednačenim elementima. Drugo, isključite fotografiju pomoću filtera, ona će postati glatkija i tekst će se bolje čitati. Treće, možete povećati zasićenost određenog bloka primjenom "inline stila". To znači da ne navodite postavke za cijelu stranicu, već samo za dio teksta. Potrebno je odabrati tekst i postaviti parametre kroz editor.

Stil koji se primjenjuje na ovaj način, nad globalnim postavkama, uvijek će imati prednost. Stoga, ako iznenada promijenite parametre u postavkama stranice, a promjene nisu vidljive, tada se na ovom mjestu primjenjuje „inline stil“. Da biste ga uklonili, morate odabrati tekst i kliknuti na ikonu "obriši".

Primjer 1: Tekst nije baš čitljiv.

Primjer 2: Tekst se dobro čita

Ako ste zainteresirani za odabir fontova, pronađite dobre stranice u blizini vašeg projekta i pogledajte koje fontove koriste. Ekstenzija pretraživača What Font će pomoći da se to utvrdi.

Također možete pogledati nezavisnu arhivu tipografije http://fontsinuse.com/ - resurs koji prikuplja i sortira uzorke web stranica i štampanih publikacija prema vrsti korištenog fonta.

U jednom od dnevnika pročitao sam raspravu o tome koji font je najbolje koristiti u svojim objavama. A evo šta o tome misli profesionalac sa 15 godina iskustva...

Mislim da je najbolji font onaj koji je lakši za čitanje. Međutim, tekst se drugačije čita na papiru i na ekranu monitora. Stoga, font koji je najprikladniji za stranicu ne treba uvijek koristiti u štampi.

Zapamtite pravilo: na papiru se najbolje čita font sa serifima (Serif), na ekranu - sans-serif font (Sans Serif).

Mislim da je razlog tome što se informacije različito prikazuju na papiru i na ekranu monitora. Dakle, u tipografskoj štampi za font smatra se da je norma od 700 dpi (tačke po inču - broj tačaka po inču), a jasnoća slike na ekranu monitora je samo 72 dpi - deset puta manje. ..

Ali da se vratimo na naše pitanje - koji je font bolji? Nedvosmislen odgovor na to se može dati u vezi sa web stranicama: ovo je Verdana. Štaviše, ovo nije moje gledište, već naučno dokazana činjenica. Ovaj font je zaista najbolji za čitanje na ekranu!

Ovaj font ima prilično zanimljivu istoriju.

Razvijen je posebno za Microsoft 1996. godine kao font koji se lako čita na ekranu, čak i sa malim slovima. Bez serifa, širokih veličina znakova i izdašnih razmaka, Verdana je zaista sjajno štivo!

Druga stvar je što je sa neverovatnom čitljivošću veoma lep: na kraju krajeva, želim da tekst bude ne samo lak za čitanje, već i da izgleda lepo (iako je sviđanje/nedopadanje već stvar ukusa). Onda morate potražiti alternativu - dobri, jesu.

Top 4: Arial, Helvetica, Verdana i Georgia

Prema rezultatima ankete 35 web dizajnera magazina Smashing, prvo mjesto dijele dva fonta: Helvetica i Arial. (Za opšte obrazovanje, reći ću da su Helveticu razvili švajcarski dizajneri pre više od pola veka, a Arial je dvadesetak godina mlađi.) Ovi fontovi su najčešći na Internetu, pa stoga mogu tvrditi da su najbolji.

Vrlo popularan (i univerzalno voljen) je izvrstan font Georgia. Uprkos činjenici da je ovaj font serif, veoma je rasprostranjen na internetu. Na primjer, koristi se kao glavni font u online verziji časopisa Forbes.

Zapravo, ako pogledate pristojne web stranice na Internetu, vidjet ćete da su gornja četiri fonta sveprisutna. Ostali fontovi su prije izuzetak nego pravilo. Stoga, sumirajući, možemo sumirati da su najbolji fontovi za stranicu Arial, Helvetica, Verdana i Georgia.

Što se tiče fontova za čitanje sa papira, toliko ih je (nekoliko hiljada) da je gotovo nemoguće izdvojiti bilo koji od njih kao najbolji. Međutim, koliko god otrcano zvučalo, Times New Roman i njegove varijacije se naširoko koriste u štampi. Stoga lovorike najboljeg fonta van mreže prepuštamo njemu.

P.S. Inače, Serif i Sans Serif se sa francuskog prevode ovako: sa serifima i bez serifa.

---------
Lekari preporučuju da posećujete stomatologa dva puta godišnje. Ali, kada se postavi pitanje vađenja zubaca od cene, onda se ovde više ne gledaju ni uslovi, ni cene. Ali ako se obratite klinici "ESCULAP", onda će sve biti odlučeno na najvišem nivou. Budite zdravi!

Dobar dan svima!!! Danas ćemo pričati o fontovima. U tome će nam pomoći strani drug. Pažljivo čitamo i usvajamo iskustva.

Bez sumnje, izbor rješenja fonta igra veliku ulogu u percepciji stranice. Na kraju krajeva, većina web stranica se gotovo u potpunosti sastoji od tekstova.

Tomasa Laurinaviciusa zanimalo je koje fontove web dizajneri najviše vole da koriste u svom radu.

Proveo je malu sociološku studiju kako bi identificirao najpopularnije i omiljene fontove među kreatorima dizajna web stranica i blogova.

Osim toga, napravio je kratak intervju sa web dizajnerima kako bi otkrio koje je pismo najprikladnije za određenu situaciju. Thomas je podijelio rezultate svoje ankete na hongkiat.com.

Tokom ankete, web dizajneri su naveli 73 različita fonta - 46 besplatnih i 27 plaćenih.

Najomiljeniji fontovi za web dizajnere bili su: Helvetica, Arial, Georgia, Gotham, Myriad Pro, DIN, Futura, League Gothic, Cabin, Corbel.

Treba imati na umu da svi predstavljeni fontovi nemaju ćirilični stil - posebno u besplatnoj verziji.

Top 10 omiljenih besplatnih fontova web dizajnera

Anketni dizajneri odabrali su 10 najboljih fontova za web grafiku. Ovo nije uzelo u obzir podrazumevane fontove instalirane u operativnom sistemu, kao što su Arial, Verdana, Times New Roman, Georgia ili Tahoma. (Ovo je malo čudno - font koji se nalazi u operativnom sistemu je prvi).

Top 10 omiljenih plaćenih fontova web dizajnera

Sljedeća lista sadrži najpopularnije komercijalne fontove koji se koriste u web grafici i dizajnu. Neki od njih su vrlo skupi, ali njihov kvalitet govori sam za sebe i opravdava cijenu.

Mislim da je najbolji font onaj koji je lakši za čitanje. Međutim, tekst se drugačije čita na papiru i na ekranu monitora. Stoga, font koji je najprikladniji za stranicu ne treba uvijek koristiti u štampi.

Pavel SHUDNEV

Zapamtite pravilo: na papiru se najbolje čita font sa serifima (Serif), na ekranu - sans-serif font (Sans Serif).

Mislim da je razlog tome što se informacije različito prikazuju na papiru i na ekranu monitora. Dakle, u tipografskoj štampi za font smatra se da je norma od 700 dpi (tačke po inču - broj tačaka po inču), a jasnoća slike na ekranu monitora je samo 72 dpi - deset puta manje. ..

Ali da se vratimo na naše pitanje - koji je font bolji? Nedvosmislen odgovor na to se može dati u vezi sa web stranicama: ovo je Verdana. Štaviše, ovo nije moje gledište, već naučno dokazana činjenica. Ovaj font je zaista najbolji za čitanje na ekranu! Ovaj font ima prilično zanimljivu istoriju.

Razvijen je posebno za Microsoft 1996. godine kao font koji se lako čita na ekranu, čak i sa malim slovima. Bez serifa, širokih veličina znakova i izdašnih razmaka, Verdana je zaista sjajno štivo!

Druga stvar je što je sa neverovatnom čitljivošću veoma lep: na kraju krajeva, želim da tekst bude ne samo lak za čitanje, već i da izgleda lepo (iako je sviđanje/nedopadanje već stvar ukusa). Onda morate potražiti alternativu - dobri, jesu.

Top 4: Arial, Helvetica, Verdana i Georgia

Prema rezultatima ankete 35 web dizajnera magazina Smashing, prvo mjesto dijele dva fonta: Helvetica i Arial. (Za opšte obrazovanje, reći ću da su Helveticu razvili švajcarski dizajneri pre više od pola veka, a Arial je dvadesetak godina mlađi.) Ovi fontovi su najčešći na Internetu, pa stoga mogu tvrditi da su najbolji.

Vrlo popularan (i univerzalno voljen) je izvrstan font Georgia. Uprkos činjenici da je ovaj font serif, veoma je rasprostranjen na internetu. Na primjer, koristi se kao glavni font u online verziji časopisa Forbes.

Zapravo, ako pogledate pristojne web stranice na Internetu, vidjet ćete da su gornja četiri fonta sveprisutna. Ostali fontovi su prije izuzetak nego pravilo. Stoga, sumirajući, možemo sumirati da su najbolji fontovi za stranicu Arial, Helvetica, Verdana i Georgia.

Što se tiče fontova za čitanje sa papira, toliko ih je (nekoliko hiljada) da je gotovo nemoguće izdvojiti bilo koji od njih kao najbolji. Međutim, koliko god otrcano zvučalo, Times New Roman i njegove varijacije se naširoko koriste u štampi. Stoga lovorike najboljeg fonta van mreže prepuštamo njemu.

P.S. Inače, Serif i Sans Serif se sa francuskog prevode ovako: sa serifima i bez serifa.

Povezani linkovi:

Na InspirationBit-u možete pročitati rezultate spomenute ankete o web dizajnu u 16 najboljih fontova za web dizajn.

Šta je redizajn web stranice i zašto je potreban?

Postoji mišljenje da je redizajn jednostavno razvoj novog dizajna za staru stranicu, a potreban je kako bi stranica izgledala modernije. Ovo je vrlo površno gledište koje nema mnogo veze sa stvarnošću: u stvari, sve je mnogo ozbiljnije... i zanimljivije.