IE 7 CSS Bug...

Joined: 12/16/2007

Hey guys,

For some reason, IE7 is rendering all my header tags as italics. I have a reset at the beginning of my style sheet, and it specifically sets all my headers as font-style:normal. Nothing in my style sheet sets oblique or italicized headers. FF3 renders it fine. This is on my local machine, so I can't give you a link, but I'm pretty sure at this point the problem is not with my code.

Is there a fix for this that I've never heard of?

Blessings,
Tony

G&G Podcast Host
Matt Farina's picture
Joined: 06/01/2006
Conditional Style Sheets?

Do you have any conditional style sheets for IE that add italics? It your html broken anywhere? Have you used the IE Developer Toolbar to see where the style is coming from?

Matt Farina
Geeks and God Former Co-Host
www.mattfarina.com

Joined: 12/16/2007
No, no, and no...

No, there are no conditional stylesheets attached yet, I haven't started IE bug fixing yet... I haven't done any styling that should NEED bug fixing yet! If you don't know a specific bug that does this, I have to assume there is an issue with my xhtml, but I don't see how yet. I'll keep checking. I'll also download the IE Developer Toolbar and see what that thing is all about. I never used it before.

Thanks!
Tony

Joined: 12/16/2007
Arial Black

For some reason on my system IE7 displays 'Arial Black' in Italics. Weird. Probably an issue with my system, I'm guessing, not IE... then again, Firefox and Safari display Arial Black just fine. The IE DevBar listed the font-style as none, so there is no styling on it. When I switch to plain old Arial, it displays normally, same with Tahoma. That is just too wierd. I wonder if my Arial Black file is corrupted. Weird. Any other ideas?

Joined: 12/16/2007
Answer

I looked in my font folder, and I had a TrueType Arial Black Italic and an OpenType Arial Black. For some reason known only to the IE gremlins, IE was selecting the Arial Black Italic instead of it's Open Type Companion... even though the Arial Black was explicitly selected:

h1 {
  text-transform: uppercase;
  font-family: 'Arial Black', 'Gadget', 'Impact', 'Charcoal', sans-serif;
  font-weight: bold;
  font-style:normal;
  font-size: 3em;
  margin: 0 0 0 0;
  padding: 30px 0 30px 25px;
}

When I removed the truetype font from the fonts folder, it correctly selected the opentype font.

Weird. have I said that yet?

Blessings,

Joined: 11/18/2011
The problem is due to some

The problem is due to some versions of the font, updated by some Windows service packs :
http://forums.techarena.in/windows-update/967926.htm