"Web fontovi" i "web sigurni fontovi" su dva različita koncepta vezana za korištenje fontova na web stranicama. Prije nego počnemo, raščistimo malo terminologiju. Koja je razlika između fontova koji su već instalirani na vašem uređaju i onih koje trebate preuzeti?

  1. Web sigurni fontovi: također poznat kao "sistemski fontovi" ili "fontovi pretraživača" web bezbedni fontovi su fontovi instalirani na svim uređajima i pretraživačima.

      2. Web fontovi: iako nejasno, web fontove odnosi se na sve fontove koji ne su web sigurni fontovi, posebno komercijalni i nezavisno razvijeni fontovi.

Dakle, web sigurni fontovi su najčešći dostupni na Windows ili Mac, Chrome ili Safari. dakle, web fontovi nisu tako laki dostupni su i obično ih morate sami preuzeti i instalirati.

Knjiga je roman. Kako kreirati?

Koju biste trebali koristiti u web dizajnu?

Obojica imaju svoje prednosti i nedostaci.

Za web dizajn, koji je medij obuhvaćen u ovom članku, glavna prednost sigurnih fontova za web je to što se brže učitavaju, smanjujući vrijeme potrebno za učitavanje vaše web stranice. Nije velika razlika, ali ako želite da obrijete svaku izgubljenu milisekundu, one su bitne.

Nedostatak web sigurnih fontova je što su generički. Nema ničeg jedinstvenog ili originalnog u vezi s njima - dostupni su doslovno svima. Ako želite stil ili umjetnost, morat ćete koristiti drugi web font.

Web fontovi imaju mnogo više raznolikosti; to je skup fontova koji se stalno dodaju i proširuju. Možete dobiti najbolje web fontove za svoj brend, posebno dizajnirane na osnovu onoga što tražite, ili možete licencirati postojeći na mreži iz centra za fontove. Njihova glavna prednost je, naravno, originalnost. Ako želite font koji se ističe, web sigurni fontovi to neće učiniti.

Ako imate problema s donošenjem odluke, pogledajte ovaj korisni dijagram toka od Davida Gilbertsona iz Hackernoona (imajte na umu da on koristi "sistemske fontove" u značenju "fontove bezbedne za veb").

Šta je sa prilagođenom estetikom fontova?

Ali biranje između najboljih web fontova i najboljih web fontova nije vaša jedina odluka. Također biste trebali odlučiti koji stil tipografije će odgovarati vašem brendu i funkcionalnosti stranice. Različiti fontovi su pogodniji za dugačke blokove teksta nego za naslove koji privlače pažnju, a da ne spominjemo uticaj koji imaju na percepciju vašeg brenda.

U ovom vodiču ih sve dijelimo u tri kategorije na osnovu estetike fonta: serif, sans serif i ukrasni. Za one koji ne znaju, serifi su one male oznake ili "zastavice" koje se ponekad pojavljuju na krajevima slova. U nastavku ćemo objasniti preporučenu upotrebu svakog od njih, kao i njihov utjecaj identitet vašeg brenda.

 

Kada koristiti serif web fontove u web dizajnu

Serifi imaju dugu istoriju u tipografiji. Ali ako tražite fontove za web stranice, sve što trebate znati je da serifi spadaju na "ozbiljnu" stranu spektra. To ih čini odličan za profesionalne i službene brendove, ali pomalo nedosljedno za prijateljske i ležerne brendove ako nije postavljeno u skladu s tim.

Bilo da tražite najbolji web font ili web font, serifi su najbolji za brendove koji žele prenijeti autoritet, sofisticiranost i klasu. Imaju klasičnu privlačnost iz istorije, tako da dobro rade sa brendovima koji postoje već duže vreme, ili brendovima koji to žele izgledati kao . Kompromis je u tome što se serif fontovi mogu smatrati ozbiljnim, možda previše formalnim, pa ako ih koristite, oni moraju raditi s vrijednostima vašeg brenda kako ne bi bili odvratni. ciljana publika.

Takođe je vredno napomenuti da su serifni fontovi laki za čitanje, zbog čega se često koriste za osnovni tekst, naslove i podnaslove. Ovo ne znači to Fontove bez serifa je teško čitati; oni su odlični pogodan za dugačke blokove teksta. Ali postoji razlog zašto visokoprofilne publikacije vole The New York Times и Boston Globe i dalje koriste serif web fontove za svoje digitalne članke. I, nije slučajno, obje ove novine naginju “formalnim” i “klasičnim” stilovima brendiranja dok promoviraju dugačku kopiju.

Veličina i stil fontova su takođe kritični. Veliki, podebljani serifi učinit će da vaš font izgleda stiliziranije i, u ekstremnim slučajevima, živahniji i profesionalniji. Isto tako, manji i sitniji serifi su manje formalni—idealni ako tražite sretan medij između "ozbiljnog" i "zabavnog".

Najbolji serif web fontovi:

Primjer fonta za Baskerville

Primjer fonta za Cambria

Primjer fonta za Courier

Primjer fonta za Didot
Primjer fonta za Garamond
Primjer fonta za Times New Roman

Najbolji serif web fontovi:

Uzorak fonta za odjeću

Primjer fonta za Argesta
Primjer fonta za Bogart
 
Primjer fonta za Giveny
 
Juana web fontovi
 
Primjer fonta Maiah.
 
 

Kada koristiti sans serif web fontove?

Fontovi bez serifa su sušta suprotnost serifnim fontovima, kako po formi, tako i po načinu na koji se pojavljuju gledaocu. U ovom slučaju bez doslovno znači "sans serif", tako da su svi sans serif fontovi bez serifa.

Kao što možete zamisliti, sans serif fontovi su jednostavniji i bezbrižniji. Ne izgledaju kao serif fontovi. Bez serifa su fontovi za prijateljski razgovor i neformalne poruke, koji podsjećaju na jednostavan rukopis. Dizajnirani su za brzinu i jednostavnost, možda nauštrb pristojnosti.

Fontovi bez serifa su najbolji za web stranice koje svojim posjetiteljima žele pokazati: "Isti smo poput vas." Opušteni su i opušteni, idealni za edukativne materijale, digitalne publikacije ili blogove. Ako se mnogo šalite ili koristite emotikone u svojim člancima, font bez serifa bi teoretski najbolje funkcionirao.

Iz istog razloga, sans-serif web fontovi su preferirani izbor za neformalni i dodatni tekst: naslove slika, publikacije u društvene mreže, potpisi, odricanje odgovornosti i web oglašavanje. Sans serif fontovi najbolje funkcioniraju u tekstu gdje se čitanje obavlja brzo i bez hitnosti, stoga je važno razumjeti kako vaš cilj publika konzumira tip sadržajafont koji želite kreirati prije nego što odaberete da li je to možda najbolji font za web (ili siguran za web). font) za vas.

 

Najbolji web sans serif fontovi:

Primjer fonta za Arial web fontove

Primjer fonta za Calibri

Primjer fonta za veb fontove Dejavu Sans

Uzorak fonta za Ženevu
Primjer fonta za Helvetica web fontove

Najbolji sans serif web fontovi:

Primjer fonta za Devant Pro

Primjer fonta za Grafton web fontove
Primjer fonta za IBM Plex Sans
 
Primjer fonta za Italico web fontove
Primjer fonta za Monolith
Primjer fonta za TT Norms Pro web fontove
 

Kada koristiti dekorativne web fontove.

Na kraju, imamo ukrasne fontove, koji mogu biti serifni ili sans serif fontovi. Oni također mogu biti najbolji web font ili web siguran font za vaše naslove i naslove. Dekorativni slušalice imaju bogat dizajn; trebali bi biti umjetnički ili stilski, s više naglaska na tome kako izgledaju nego na onome što govore. Dok je većina tipografije dizajnirana za funkcionalnost, ovi fontovi su dizajnirani za prikaz.

Dekorativni fontovi su najbolji za isticanje i isticanje, kao što su naslovi, istaknuti citati ili naslovi članaka. Oni su šlag na torti, pa ih koristite štedljivo i za dramatičan efekat. Dodaju ličnost, humor i kreativnost, samo nemojte pretjerivati. Zamislite to kao dodavanje soli u kuvanje i izbjegavajte prevladavanje ukusa publike. To znači da neće raditi za dugačke blokove teksta ili natpisa slika. Ni za kontakt informacije vašeg brenda, niti za tekst u vašem podnožju.

Budući da dekorativni web fontovi odgovaraju svim stilovima i ličnostima, mogu odlično funkcionirati kada su upareni s jednostavnijim serifnim ili bezserifnim fontovima. Ali nikada ne žrtvujte čitljivost radi izgleda. Dekorativni fontovi su samo zabava dok čitalac ne shvati šta imaju da kažu.

Kako odabrati pravi font logotipa?

Najbolji dekorativni web fontovi:

Bradley Hand font web fontovi

Bradley Hand Font

Font Brush Script MT web fontovi

Font Copperplate web fontovi

Luminari font
Font Monaco web fontovi
 

Ili možete jednostavno koristiti Comic Sans

Odabir web fonta za vašu web stranicu je važna odluka koja utječe i na to kako posjetitelji koriste vašu web stranicu i kako percipiraju vaš brend. Da biste bili jedinstveni i stekli autoritet u svom web dizajnu, često se radi o pronalaženju najboljeg web fontova, a ne najboljeg web fonta. Korištenje pravog fonta na pravim mjestima utiče na to koji se elementi prvi vide, a kada se koriste strateški mogu povećati konverziju, vrijeme na licu mjesta i mnoge druge poslovne ciljeve.

Ako vam ovo rješenje izgleda previše komplikovano, uvijek možete koristiti Comic Sans. Uostalom, kakve su vam koristi smrtnici ako možete hodati među bogovima?

 АЗБУКА