Web font embedding requires new CSS for IE9

Updated . Posted . Visible to the public. Deprecated.

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.

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.

Henning Koch
Last edit
Henning Koch
License
Source code in this card is licensed under the MIT License.
Posted by Henning Koch to makandra dev (2011-10-27 08:56)