@font-face – avagy betűtípusok a weben

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 🙂