No Webfont in IE8? It’s a Broken .eot

| 0 comments

I’ve been using the Icomoon icon fonts web app for generating the icon font in use at horsensbibliotek.dk. Icomoon is a great web app for picking and choosing between a diverse collection of icons as well as uploading custom svg icons to build your own icon fonts. It works really well.

However, after testing the site in older versions of IE, it appeared to me, that the icons were somehow broken. They displayed as supposed in IE9+, FF and Chrome but IE8 and below displayed the unicode character, which of course wasn’t acceptable, as the part of our users who use older versions of IE can not be ignored. The problem was a corrupt .eot file. Corrupt .eot files, by the way, seem to be a common problem.

I tried running the .ttf through FontSquirrel’s webfont generator. No luck. The generated .eot still didn’t work.

Then I stumbled upon ttf2eot, a tiny font converter by Sebastian Kippe. Worked like a charm.

So if your fonts are displaying incorrectly in older versions of IE, try converting them with ttf2eot.

Translations: Dansk →

Author: Morten Brunbjerg Bech

Webdesigner, front end udvikler og bibliotekar. Arbejder primært med udvikling og design af Horsens Kommunes Bibliotekers webløsninger og er specialist i semantisk strukturering af webdokumenter samt Adobe Photoshop og Illustrator.

Leave a Reply