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


  • Beágyazott operációs rendszerek, 0. nap (Ismerkedés)

    Kővári Bence Visszagondolva, hosszú években mérhető, hogy mikor nyúltam utoljára olyan géphez, amelyben csak egy processzormag, vagy éppen gigabájtokban nem mérhető mennyiségű RAM volt. Most mégis megtörtént, egy régóta dédelgetett hobbiprojektemnek hála. A következő pár napban bemutatom, miként sikerül (vagy éppen nem sikerül) életet lehelnem egy – mai szemmel nézve – buta kis számítógépbe. Hangsúlyoznám, hogy egyelőre semmilyen tapasztalatom nincsen ezen a téren, szóval előre is elnézést azoktól, akiket az időnként naív próbálkozásaim untatnának. Tovább »
  • Szolgálati közlemény: RSS URL változás

    Balássy György (MS RD, ASP.NET MVP, MCTS) Várhatóan még ezen héten frissítjük az MSDN Kompetencia Központ honlapjának kódját, amivel együtt jár, hogy megváltozik az oldalhoz tartozó RSS csatorna címe. Az új cím már most is elérhető, ezért kérünk minden kedves olvasónkat, hogy a hírolvasó programjában ezt állítsa be: http://feeds.feedburner.com/msdnkk 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