WOFF – Saját betűtípusok a weboldalakon IE9-ben 2.rész

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!

iis-woff1

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

iis-woff2

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>



Dávid Zoltán

Dávid Zoltán Mérnök Informatikusként végeztem a BME-n, jelenleg webfejlesztéssel és gépi tanulással foglalkozom.

2010.11.24. 9:34:57 | Permalink | Hozzászólások: 0 | Tárgyszavak: , ,


  • Tracking profile importálása szkriptből

    Balássy György (MS RD, ASP.NET MVP, MCTS) Nincs jobb, mint amikor az embernek van egy olyan szkriptje kéznél, ami egyszerűen és átláthatóan teszi a dolgát és igazán megkönnyíti a fejlesztő munkáját. Az egyik gyakori feladat az adatbázis létrehozása, amit két módon lehet megtenni. Tovább »
  • Inline UpdateProgress

    Balássy György (MS RD, ASP.NET MVP, MCTS) Nem mondhatom magamról, hogy dizájner vér folyik az ereimben, mégis többen egyetértettek már azon ötletemmel, hogy az AJAXos háttérműveletet jelző pörgő gif az aszinkron postbacket kiváltó vezérlő, tipikusan Button mellett legyen. Az ASP.NET AJAX fejlesztői szerint azonban senki ne akarjon UpdateProgresst inline használni. Tovább »


Írja meg Ön is véleményét!


Hozzászólásokat csak regisztrált, bejelentkezett felhasználóktól tudunk elfogadni!

Hozzászólások