Forum Moderators: open
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>
[w3.org...] is interesting to read in this respect.
Some CSS Tips:
h1, h2 { font: normal 16px "Arial Black", Arial, sans-serif; margin-bottom:19px;}
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.