It seems that IE6 and IE7 on WinXP doesn't render 'Arial Narrow'. However this works fine on Win7. Is there any solution for IE6/7 WinXP?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<h1 style="font-family: 'Arial Narrow'">Apparently this is not Arial Narrow</h1>
It works in M$IE6 for me on XP I know this is a stupid question; I assume you have the font installed? It doesn't help when you use a H1 though it will look quite a bit different due to inherited semantics. Something else is going on... with your machine.
The issue you're having is that the font isn't necessarily installed on the machine you're viewing it on. CSS font-family can only render fonts the computer viewing the page has installed unless you use @font-face to make the browser download and render a remote font file.
Keep in mind, that though IE6+ do support @font-face, it's not particularly GOOD support, and the eot format is in my experience, fickle at best.
Oh, now I realize that Arial Narrow is not installed on WinXP by default. But it is on Win7.
P.S. I don't want to add CSS codes that are not related to this issue so I use H1 to make the text bigger.