How can I use arial narrow in css?

Question

#main{
margin-left: auto;
margin-right: auto;
margin-top: 0;   
font-family: "Arial Narrow";
position: absolute;
font-size: 10pt;
}

this is a part of my css-code, where I want to use arial narrow

Answer 1

You use it just like that. The user that views the page has to have the font installed, otherwise the browser will choose a different font.

You may want to specify fallbacks for those who don't have that font, for example:

font-family: "Arial Narrow", Arial, sans-serif;

Answer 2

There is a bug with Firefox not recognizing Arial Narrow.

I use the CSS3 "font-stretch" property, and it works fine.

body{
font: 13px 'Arial Narrow', Arial, sans-serif; 
font-stretch: condensed;
}

Answer 3

change like

font-family: "Arial Narrow", Arial, sans-serif;