Web font embedding requires new CSS for IE9

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

makandra.de

Say thanks

Last edit

2018-03-15

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)