Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Internet Explorer @font-face is failing

I'm trying to get Internet Explorer to render my pretty fonts. It's not working. They work fine in Firefox and I can see in my Apache access logs that IE has pulled the fonts. So it's parsing the font-face CSS tag, just not rendering them.

The site I used to convert the fonts was: http://www.kirsle.net/wizards/ttf2eot.cgi. I tried that WEFT tool by Microsoft but it wouldn't work properly. After installing and opening it, it said 'First time running it, do this...' then it continually hanged.

Here's my CSS:

@font-face {    font-family: 'HelveticaLTCN';    src: url('HelveticaNeueLTCom-LtCn_0.eot');    src: local('HelveticaNeuel TCom LtCn'), url('HelveticaNeueLTCom-LtCn_0.ttf') format('TrueType'); } 

Any ideas as to why IE isn't rendering the fonts?

EDIT: Should also mention, I'm calling the font with:

p .mytext {    font-family: HelveticaLTCN; } 
like image 371
panas Avatar asked Nov 18 '09 05:11

panas


People also ask

Is font face deprecated?

This feature is deprecated/obsolete and should not be used.

Can font face be changed?

You can change one or all of the font attributes within one <font> tag.

How do I add a font to Internet Explorer?

Open Internet Explorer, select the Tools button and select Internet options. Select the General tab, and then, under Appearance, select Fonts. Select the fonts you want to use, select OK, and then select OK again.


1 Answers

If you've thrown in the towel or you're still struggling with this I strongly recommend font squirrel. It replaces WEFT far better than any of the other online .eot generators. As a huge bonus, it supplies all needed cross-browser formats in one zip file along with a working CSS+HTML sample page. It's the closest thing yet to @fontface nirvana.

like image 93
atsjr Avatar answered Oct 05 '22 17:10

atsjr