Fontovi koje nije potrebno importovati pri izradi sajta

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

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

• 4Ovo se svidja korisnicima: _iKaC, m4rk0, E.L.I.T.E., Fil
  
  Registruj se da bi pohvalio/la poruku!

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.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

A kako ja da znam za koje fontove moram da vrsim importovanje iz google fonts galerije ? 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.

• 3Ovo se svidja korisnicima: m4rk0, E.L.I.T.E., Fil
  
  Registruj se da bi pohvalio/la poruku!

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.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

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

• 3Ovo se svidja korisnicima: E.L.I.T.E., m4rk0, Default
  
  Registruj se da bi pohvalio/la poruku!

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.

• 1Ovo se svidja korisniku: Fil
  
  Registruj se da bi pohvalio/la poruku!

Hvala Rasta, od tebe uvek kvalitetni odgovori

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.

• 1Ovo se svidja korisniku: m4rk0
  
  Registruj se da bi pohvalio/la poruku!

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

http://typecast.com/