Előző bejegyzésemben a @font-face konstrukciót mutattam be. Most néhány gyakorlati tanácsot szeretnék adni Web Fontok kereséséhez és beüzemeléséhez.

A legtöbb font licensze nem engedi explicit módon a weben @font-face konstrukcióval történő terjesztést. Ez egy apró részlet, de kellemtelen gyakorlati szívás származik belőle. A licenszelés nem a szakterületem, inkább ajánlom, hogy olvassátok el ezt: http://nicewebtype.com/notes/2009/10/20/where-to-get-web-fonts/

A fent ajánlott bejegyzés számos tippet tartalmaz megfelelő webes fontok kereséséhez. Többször szembesültem vele, hogy a megtalált betűkészlet nincs meg .woff formátumban. Márpedig az IE9 csak ezt eszi meg. Ezért a következő kaland a megtalált betűkészlet .woff formátumra konvertálása. Én ehhez a fontsquirrel nevű weboldalt használom.

Ha van legális, .woff formátumú betűkészletünk, akkor azt el kell helyezzük a weboldalunkon. Ehhez a betűkészlet fájlját be kell másolnunk a webalkalmazásunk valamelyik könyvtárába. Számítani kell rá, hogy IIS7 fölött a webszerver nem engedi letölteni a betűkészletet, mert nem ismeri a .woff kiterjesztést!

Egy dolgot tehetünk: megadjuk a .woff fájlokhoz tartozó MIME type-ot az IIS Managerben:

Ez persze megtehető kódból is (web.config):

    <system.webServer>
        ...
        <staticContent>
            <remove fileExtension=".woff" />
            <mimeMap fileExtension=".woff" mimeType="application/x-woff" />
        </staticContent>
    </system.webServer>