font is STUCK in times new roman in ie.

Question

I am building a page, and when it is viewed in IE (all versions) the entire text is stuck on times new roman. Here is my CSS:

body{
    color:#222222;
    margin:0 auto;
    background-color:#000;
    font-family: "Tw Cen MT","Gill Sans","Century Gothic";
}

In Safari and Firefox, the Tw Cen MT is displayed great, but in IE Times New roman is displayed. Any way I can fix that?

Answer 1

You could try removing the apostrophes. Also make sure the font name is written exactly as you see it in the fonts folder.

But anyway, it is not a good idea to deviate from the standard fonts. It will not display on other people's computers who do not have the font installed, and fall back to Times New Roman.

The best way is to put headings and small paragraphs into graphics, preferably as GIF or PNG.

The only halfway robust way to have at least parts of your content rendered in your own font is siFR.

Answer 2

Check for the setting to have the fonts and colors you specify in Internet Explorer to be used for all websites, regardless of the fonts that have been set by the website designer.

In IE, click the Tools / Internet Options.

• On the GENERAL tab, click the ACCESSIBILITY button
• Are Ignore font styles specified on webpages, and Ignore font sizes specified on webpages check boxes checked?

This can be set on an individual computer or a domain level setting pushed out by administrators as a GPO. It will then behave the same way no matter what computer you test on.

Answer 3

Is it possible that computer which has IE does not have all these fonts installed?

Answer 4

Unfortunately, you're stuck with a very limited number of fonts that will appear reliably across all platforms and browsers. You're just asking for trouble by using others like you have.

Check out this page for a nice overview of what's available to you.

Embedding fonts is still a ways (1-2 years?) from being reliable.