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 web development

Do you need DevOps-experts?

Your development team has a full backlog? No time for infrastructure architecture? Our DevOps team is ready to support you!

  • We build reliable cloud solutions with Infrastructure as code
  • We are experts in security, Linux and databases
  • We support your dev team to perform
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)