ianyang — 2010-05-26T07:57:33-04:00 — #1
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>
xhtmlcoder — 2010-05-26T08:19:43-04:00 — #2
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.
zarin_denatrose — 2010-05-26T08:16:50-04:00 — #3
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.
ianyang — 2010-05-26T08:49:15-04:00 — #4
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.