css font issue in internet explorer

Question

I am using following code in CSS to render fonts, but it is not working in IE

@font-face{font-family: BELOVED; src: url('font/BELOVED.TTF');}

any suggestions?

Answer 1

IE unfortunately does not support TTF fonts, so you will need to use an EOT as well, supported types/browsers are

• Internet Explorer (all versions): EOT
• Safari (3.2+): TTF / OTF
• iPhone (3.1) SVG
• Chrome (all versions): SVG (TTF/OTF added 25th Jan 2010)
• Firefox (3.5+): TTF/OTF (.WOFF added 3.6)
• Opera (10+) TTF/OTF

I've had limited success with font-face, but I hope that helps.