Read more

Web font embedding requires new CSS for IE9

Henning Koch
October 27, 2011Software engineer at makandra GmbH

Microsoft does not support IE9 anymore, and neither do we.

If you embedded web fonts in the past years (e.g. by copying CSS from a Font Squirrel @font-face kit Show archive.org snapshot ), that CSS won't work in Internet Explorer 9.

Illustration money motivation

Opscomplete powered by makandra brand

Save money by migrating from AWS to our fully managed hosting in Germany.

  • Trusted by over 100 customers
  • Ready to use with Ruby, Node.js, PHP
  • Proactive management by operations experts
Read more Show archive.org snapshot

You can fix it by turning these styles...

@font-face
  font-family: 'MyFont'
  src: url('myfont.eot')
  src: local("☺"), ('myfont.ttf') format("truetype")
  font-weight: normal
  font-style: normal

... into these:

@font-face
  font-family: 'MyFont'
  src: url('myfont.eot')
  src: local("☺"), url('myfont.eot?#iefix') format('embedded-opentype'), url('myfont.ttf') format("truetype")
  font-weight: normal
  font-style: normal

Font Squirrel's @font-face kits come also come with this updated CSS now.

Posted by Henning Koch to makandra dev (2011-10-27 10:56)