ugrás a tartalomhoz

Egyedi betű készlet a weben!

Karvaly84 · 2011. Aug. 24. (Sze), 19.32
Sziasztok!

Éppen egy csili-vili oldalon dolgozom, és most használnék először egyedi font-okat a weben. Találtam is pár oldalt, meg sokféle formátumot. Ami idáig lejött nekem a ttf típust érdemes használni. Viszont néhol külön láttam a linket a mac-es verzióra. Irány mutatást szeretnék kérni a témában, milyen formátumot érdemes használni, hogy minden rendszeren ugyan azt kapjam vissza amit várok.

Amire tervezek az MSIE 7-9, Firefox 3.x - 6, Opera 10-11, és Chrome.
‹ Ajax csak sajat szerveren fut?! Diszkrét JS? ›
 ■
1

Font face generator

Hidvégi Gábor · 2011. Aug. 24. (Sze), 19.59
Font face generator. A beállításokkal játszani kell, de ezt rád bízom.
2

Google Web Fonts

Blintux · 2011. Aug. 24. (Sze), 20.05
Vagy választhatsz egyet a Google web font készletből.
Nagyon egyszerű beilleszteni a kódba és mindenhol azt kapod amit vársz!
4

Ehhez annyit fűznék hozzá,

Hidvégi Gábor · 2011. Aug. 24. (Sze), 20.29
Ehhez annyit fűznék hozzá, hogy nem szabad külső szerverre hagyatkozni, mindenképp másold át a fájlokat a saját tárhelyedre!
3

Több formátum

Poetro · 2011. Aug. 24. (Sze), 20.12
Mindenképpen több formátumot érdemes használni, nem csak egyet. Már csak azért is, mert szinte minden böngésző illetve azok verziói mást támogatnak. Példa:
  1. @font-face {  
  2.     font-family: 'MyFont';  
  3.     src: url('fonts/MyFont.eot');  
  4.     src: url('fonts/MyFont.eot?iefix') format('eot'),  
  5.          url('fonts/MyFont.woff') format('woff'),  
  6.          url('fonts/MyFont.ttf') format('truetype'),  
  7.          url('fonts/MyFont.svg#webfontQF7qPaga') format('svg');  
  8.     font-weight: normal;  
  9.     font-style: normal;  
  10. }  
5

Köszi az infókat! Le is

Karvaly84 · 2011. Aug. 24. (Sze), 21.20
Köszi az infókat!

Le is szedtem pár készletet az ajánlott oldalakról, és készítem a deklarációt a css-be. Amit Poetro helyezett el részletet azt követem, evvel kapcsolatban lenne kérdésem: Számít e valamit a sorrend, és, hogy mi az a #webfontQF7qPaga illetve a ?iefix a fájlnevek végén?
6

iefix

Poetro · 2011. Aug. 24. (Sze), 22.08
Az iefix a korai IEk hibáját orvosolja, méghozzá azt, hogy az mindig az utolsó fontface deklarációt használják, ugyanakkor a kérdőjel utáni részt is az URL részének veszik (tehát a teljes deklarációt). Az svg részére nem emlékszem.