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: , ,


  • Dual boot VHD-ból

    Balássy György (MS RD, ASP.NET MVP, MCTS) Új gépet telepítek és azt találtam ki, hogy lesz rajta egyszerre egy Windows 7 és egy Windows Server 2008 R2 is. A Windows 7 fog a C: meghajtóról bootolni és a hozzá tartozó összes adat a W: meghajtón lesz. A Windows Server 2008 R2-t VHD-be telepítem, amit szintén a W: meghajtón fogok elhelyezni. Már jó ideje nem használtam dual bootot, mert zavart a sok partíció, de most úgy döntöttem, adok egy esélyt a VHD bootnak. Meglepett, hogy mennyire egyszerű mindezt összehozni. Tovább »
  • Lekerekített sarkok IE9-ben - CSS3

    Dávid Zoltán Weboldalakon sokáig nem volt egyszerű lekerekített sarkú tarületeket definiálni - pedig igény az lett volna rá. Ezért több tucat módja alakult ki annak, hogyan lehet hasonló hatást kelteni. Az IE9-ben implementált CSS3 border-radius megjelenésével ennek vége! Mostantól nagyon egyszerű tényleg lekerekített sarkokat definiálni, ráadásul szabványosan. 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