Fontovi koje nije potrebno importovati pri izradi sajta

Fontovi koje nije potrebno importovati pri izradi sajta

offline
  • m4rk0  Male
  • Administrator
  • Administrator tech foruma
  • Marko Vasić
  • Gladijator - Maximus Decimus Meridius
  • Pridružio: 14 Jan 2005
  • Poruke: 15766
  • Gde živiš: Majur (Colosseum)

Kako bi svi fontovi koje zadamo pri kodiranju sajta bili prikazani u svim browserima u pojedinim slucajevima je neophodno da se pozovu ili iz google fonts galerije ili lokalno sa racunara. Ono sto mene interesuje je da li je ovo spisak fontova koje svaki poznatiji browser/os po defaultu poseduje sto znaci da ako neki od ovih fontova izaberemo pri kodiranju ne moramo da se petljamo oko naknadnog importovanja fontova ?

http://www.w3schools.com/cssref/css_websafe_fonts.asp



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
offline
  • bocke  Male
  • Moderator foruma
  • Glavni moderator Linux foruma
  • Veliki Pingvin
  • Guru
  • Pridružio: 16 Dec 2005
  • Poruke: 12339
  • Gde živiš: Južni pol

Ako hoćeš fontove koji su svima dostupni, baci pogled ovde: http://www.google.com/fonts. Fontovi se lako koriste i hostovani su na Googleovim serverima. Ne pitaj me kako se koriste pošto se ne sećam tačno detalja. Ali mislim da je upustvo bilo jednostavno i jasno.

Ako koristiš to iz gornjeg primera, tekst neće izgledati isto na svim platformama. Zato što se na nekim platformama određeni fontovi zamenjuju sličnim. Recimo, umesto Helvetice se prikazuje Verdana, DejaVu Sans ili Droid Sans, u zavisnosti od platforme. Ovi fontovi su srodni i potiču iz iste "familije", ali nisu isti. Za konzistentan izgled je najbolje koristiti jedne te iste fontove, a to Googleovi fontovi omogućavaju na besplatan i jednostavan način. Wink



offline
  • m4rk0  Male
  • Administrator
  • Administrator tech foruma
  • Marko Vasić
  • Gladijator - Maximus Decimus Meridius
  • Pridružio: 14 Jan 2005
  • Poruke: 15766
  • Gde živiš: Majur (Colosseum)

A kako ja da znam za koje fontove moram da vrsim importovanje iz google fonts galerije ? Smile Ili jos lakse da li postoji spisak fontova za koje ne moram da vrsim importovanje istih preko google fonts ? Nije valjda da treba na pr i za tako "zastupljene" fontove tipa Arial ili Times New Roman da vrsim importovanje google web fontova ?

BTW: Znam kako se koriste (importuju) google web fonts. Takodje, ne odlucujem ja o vrsti fonta vec dizajner koji radi sajt u photoshopu.

offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3665
  • Gde živiš: 127.0.0.1

Nope. Arial, Verdana, Times New Roman i jos poneki su "web-safe" fontovi. Georgia je npr vrlo retka na Linuxu.

Ne uzimaj w3schools za mesto gde je sve tacno 100%. Ovaj clanak koji si linkovao je pravi primer.

Inace, moze apsolutno bilo koji font (odnosno svaki za koji imas licencu) da se konvertuje u web font (pomocu servisa tipa Font Squirrel) i koristi na sajtu - sve sto treba je da ga importujes u CSS preko @font-face.

Dva do tri web-fonta po strani je ok, sve preko toga je previse.

offline
  • m4rk0  Male
  • Administrator
  • Administrator tech foruma
  • Marko Vasić
  • Gladijator - Maximus Decimus Meridius
  • Pridružio: 14 Jan 2005
  • Poruke: 15766
  • Gde živiš: Majur (Colosseum)

A postoji li neko pravilo sta je bolje koristiti: google web fonts ili konvertovanje preko Font Squirrel pa lokalno importovanje ?

offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3665
  • Gde živiš: 127.0.0.1

Kad god mozes, Google. Dva najveca razloga:

1. Browser ima ogranicenje u broju fajlova koje istovremeno skida sa istog servera:

Citat:IE 6 and 7: 2
IE 8: 6
IE 9: 6
IE 10: 8
IE 11: 8
Firefox 2: 2
Firefox 3: 6
Firefox 4 to 17: 6
Opera 9.63: 4
Opera 10: 8
Opera 11 and 12: 6
Chrome 1 and 2: 6
Chrome 3: 4
Chrome 4 to 23: 6
Safari 3 and 4: 4


Jedan font, importovan lokalno, ima 4 fajla (ttf, svg, woff, eot). CSS koji ga skida - peti. Stranica na kojoj je css - sesti. Oops. Svi ostali zahtevi su na cekanju dok se ne oslobodi bar jedno mesto.

Sa druge strane, CSS i ta cetiri fajla, ako importujes sa Google-a, su na drugom serveru, i automatski ne zauzimaju konekciju ka tvom serveru, pa se strana brze ucitava (nema cekanja da se oslobodi mesto).

2. Google serveri su u 99.99% slucajeva brzi od bilo kog servera koji ti mozes da uzmes.

offline
  • m4rk0  Male
  • Administrator
  • Administrator tech foruma
  • Marko Vasić
  • Gladijator - Maximus Decimus Meridius
  • Pridružio: 14 Jan 2005
  • Poruke: 15766
  • Gde živiš: Majur (Colosseum)

Hvala Rasta, od tebe uvek kvalitetni odgovori Smile

Ne bih se ni dvoumio toliko ali pri kodiranju jednog sajta font izbora je bio Oswald i nije se dobro prikazivao kod klijenta (mislim da ima mac os) pa je stvar resena tek upotrebom Squirrel servisa i lokalnim importovanjem. Al verovatno je to samo izolovan slucaj.

offline
  • Programer
  • Pridružio: 23 Maj 2012
  • Poruke: 4534

Imaš i ovaj servis koji ti između ostalog omogućuje da vidiš kako fontovi izgledaju na različitim uređajima i platformama Smile

http://typecast.com/

Ko je trenutno na forumu
 

Ukupno su 746 korisnika na forumu :: 27 registrovanih, 7 sakrivenih i 712 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: Apok, aramis s, bato, Bokiboks, crnitrn, doklevise, Drug pukovnik, janezek67, Kaplar2, Markoni29, mercedesamg, MiGac, mnn2, Mr. Majevica, ObelixSRB, rodoljub, sakota79, Skywhaler, Smiljke, stalker, strelets, The Joker, tomigun, Toni, vlvl, vrlenija, Wisdomseeker