Printable View
Sziasztok!
A font-face dologra lennék kíváncsi, ez a különböző egyedi betűtípusok támogatását jelenti mindenféle böngészőn, CSS alapokon.
Így néz ki például a CSS:
Mi is ez? Valóban működik minden böngészőn, illetve tapasztalatok?Kód:@font-face {
font-family: "Myriad Pro Light";
src: url('Myriad-Pro-Light.otf');
}
Innen lehet leszedni betűtípusokat, illetve van egy átalakító is: hxxp://www.fontsquirrel.com
Css 3-at támogató böngészőknél működik, itt nem kell az olvasó számítógépén fent lennie az adott betűtípusnak mert a css-ben van megadva a forrás és onnan kéri le a böngésző a karaktereket.
Ha jól tudom persze
Azonkívül, hogy az exlporer csak az .eot formátumot szereti, működik mindenhol.
Kód:@font-face {
font-family: " your FontName ";
src: url( /location/of/font/FontFileName.eot ); /* IE */
src: local(" real FontName "), url( /location/of/font/FontFileName.ttf ) format("truetype"); /* non-IE */
}
Elég jó a helyzet ez ügyben, mert ezt az IE nagyon rég bevezette, igaz korlátozott betűtípus fajtákra csak. Az utolsó verziós böngészők pedig már mind tudják kezelni, fallbackkel együtt tökéletes.
Egyébként ez egy fantasztikus oldal, ha ilyesmi infóra van szükséged: hxxp://caniuse.com/
Arra sem ártana ügyelni, hogy true type font legyen. Ezzel elkerülve a kellemetlen ő-ű betűket :) mellesleg... macintosh (a jobbik operációs rendszerrel) gépeken nem hiszem, hogy működne az eot...
Cheers,
a legtöbb böngésző vagy eot, vagy ttf, de berakhatod mind a kettőt, egy iffel, aki amit szeret azt tölti be.
charlie, írnál rá egy példát ha szépen megkérlek?
Mi megy a CSS-be, meg mi a php-ba? Ami tuti működőképes.
Amúgy benedictus megoldása is 10/10-es, de kíváncsi vagyok mások hogyan csinálják ezt.
Nem kell php ehhez.Idézet:
Csurga eredeti hozzászólása
http://css-tricks.com/snippets/css/using-font-face/