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


  • TSQL újdonságok–Order by

    Kovács Ferenc Ember nem is gondolná, hogy ilyen alapelemekhez is hozzányúlnak, de  az SQL 2008-as szabványban történtek változások. Így muszáj volt (igazából nem, mivel a szabványok maradéktalan támogatása nem erőssége egyik adatbázis platformnak sem) és bekerült az SQL Server 2012-be néhány módosítás ezen a téren is. Tovább »
  • ASP.NET MVC Custom Identity SerializationExceptin

    Gincsai Gábor A napokban foglalkoztam egy kicsit azzal, hogy egy MVC-s weboldalt hogyan lehet Facebookkal integrálni. A legfontosabb lépéseket meg is tettem. Készítettem saját Identity-t, ami implementálja az IIdentity és az ISerializable interfészeket, ahogy az javasolják is. 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