Forum Moderators: open

Message Too Old, No Replies

IE bug - displaying Arial Black as Arial Black Italic

Arial black displays as arial black italic in internet explorer

         

dasherwo

12:23 pm on Jan 26, 2009 (gmt 0)

10+ Year Member



Hi there,

I have set headings to use Arial Black in my style sheet, and when the client views the website, the arial black text appears italic. After further investigation, I installed Arial Black Italic on my machine and it seems that if a user has the Arial Black Italic font installed this will be used instead of Arial Black. Does anyone know a way around this? The text displays correctly in Firefox, it's just IE.

Here's my code:

<html>
<head>
<title>Arial Black</title>
<style>
h1 { font-family: "Arial black", Arial, Helvetica, sans-serif; font-size:16px; margin-bottom:19px; font-style:normal; }
h2 { font-family: "Arial black", Arial, Helvetica, sans-serif; font-size:16px; margin-bottom:19px; font-style:normal; }
</style>
</head>

<body>
<h1>Should be Arial Black</h1>
<h2>Not Arial Black Italic</h2>
</body>
</html>

swa66

2:52 pm on Jan 26, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



It might be that -when installed- in IE's font database the "Arial Black Italic" font isn't classified as oblique or italic.

[w3.org...] is interesting to read in this respect.

Some CSS Tips:

  • The "font" shorthand definition can be used as well: [w3.org...]
  • you can enumerate selectors if you apply the same style to them
  • You should enumerate fonts in the font family and terminate the list with one of the generic fonts
so the CSS can be written as:

h1, h2 { font: normal 16px "Arial Black", Arial, sans-serif; margin-bottom:19px;}

dasherwo

5:40 pm on Jan 26, 2009 (gmt 0)

10+ Year Member



Yes, I normally would define the styles like this, I've just kept them separate for testing different things, trying to solve this problem. Did you think of anything to solve the Italic issue?

swa66

8:29 am on Jan 27, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Some quick googling turns up people having the exact same problem in office and flash.

Some report reinstalling both arial black and arial black italic works. It might have to do with a number of things if you read all the machinations, including SP3, TTF vs. OTF, etc.

I'd try first if you see the same problem in powerpoint, word and/or excel (from report it's not in all of them all the time), if so reinstall the arial black one, and check again, if still there, try installing both arial black italic and arial black.

If that doesn't solve it, well then this unix/mac users dunno enough of windows.

dasherwo

9:12 am on Jan 27, 2009 (gmt 0)

10+ Year Member



Ok thanks, I'll give it a try. If only the designer hadn't chosen to use Arial Black!