Home/ Questions/Q 7612951
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T02:02:49+00:00

The @font-face rule is supported in Internet Explorer 9, Firefox, Opera, Chrome, and Safari.

  • 0

The @font-face rule is supported in Internet Explorer 9, Firefox,
Opera, Chrome, and Safari.

However, Internet Explorer 9 only supports .eot type fonts, while
Firefox, Chrome, Safari, and Opera support .ttf and .otf type fonts.

Note: Internet Explorer 8 and earlier versions, do not support the
@font-face rule.

This text is from here. So in order to have working @font-face for IE9 I should just specify EOT font file:

@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
     url('Sansation_Light.eot'); /* IE9 */
}

Particularly I am using Myriad Pro, and I have OTF fonts. How I can convert them into EOT type?

And regarding to IE7 and IE8 what trick/hack should be used to obtain the desired result?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Firstly, you don’t have the copyright to embed most fonts – anyone can download them, so it’s no different to putting the font on your server for someone to download.

    My advice would be to use the font squirrel tool found here: http://www.fontsquirrel.com/fontface/generator to generate the files and the code for you.

    Be careful not to share fonts you don’t have the rights to do so with.

    • 0