Röviden: az @font-face CSS definíciója arra hivatott, hogy olyan betűtípusokat is meg tudjon egy weboldal jeleníteni, ami nincs a felhasználó gépén telepítve. Eleddig nem volt sok értelme a használatának, minthogy ritka fehér hollónál is ritkább volt az a böngésző, amelyik támogatta a definícióban megadott betűtípus megjelenítését, mára azonban a böngészők egyre inkább képesek erre. Legalábbis minden jel arra utal, hogy a jelenleg a piacon futkosó böngészők legújabb változatai egyre inkább figyelmet fordítanak erre is, ami azért is időszerű, mert ugye a CSS3-at nem ma találták ki… A tipográfiai trükköt borzasztó egyszerű előcsalogatni, csupán fel kell tölteni egy mappába a betűtípus fájlt, majd a stíluslapon a következő sorokat bepötyögni:
@font-face {
font-family: "Robson Celtic";
src: url("http://site/fonts/rob-celt")}
h2 { font-family: "Robson Celtic", serif; }
A példában először megadtuk, milyen betűtípust szeretnénk használni, majd meghatároztuk, hogy melyik stíluselem előfordulásakor jelenjen meg, és máris készen vagyunk. A DragonWeb oldalain most kísérleti jelleggel a címek, címsorok jelennek meg ezzel a módszerrel – ha valaki nem észlel változást az eddigi megjelenéshez képest, az azt jelenti, hogy böngészője nem támogatja a CSS definíciót. Egyelőre 🙂
És mit gondolsz, kb. mikorra várható, hogy a böngészők támogatni fogják eztet?
a Safari, a Chrome, vagy az IE7 (!!!) már támogatja, a Firefox és az Opera hamarosan.
IE7??? ennyire lemaradtam volna? Mióta támogat az IE bármit is? 😛 lehet, hogy csak öregszem…
Bezony: http://www.webfonts.info/wiki/index.php?title=@font-face_browser_support
Hopp, a Firefox 3.0.7 már támogatja 🙂
:O lehet, hogy nagyon elfogult vagyok az ilyesmivel..de a FF-n nem lepődök meg…az IE meg mehet a flush-ba..