24K Design Studio :: Blog :: Using Arial Narrow font
Author:
Password:
Using Arial Narrow font
01:18, 04 Aug, 2013
by James

Sometimes when we designing a website we need to use the font "Arial Narrow". This usually supported by PC and Mac across various major browsers. However it does not render correctly under Firefox without "font-stretch: condensed; ".

 

Below is an example make it work:

p{ font-family: 'Arial Narrow', Arial, Helvetica, sans-serif; font-stretch: condensed; }

Tags: HTML CSS
Reply:
Your name:
Only visible to the author.

Tell us you are not a robot. What is captcha1captchaOcaptcha2 =

Reply
#1
dennis
13:38, 31 Oct, 2013
 
Very good article
Reply
Your name:
Only visible to the author.

Tell us you are not a robot. What is captcha1captchaOcaptcha2 =

Reply
#2
Nathan
15:36, 05 Mar, 2014
 
"font-stretch" is not supported by Chrome, Safari, Opera, Android. Property values are normal, ultra-condensed, extra-condensed, condensed, semi-condensed, semi-expanded, expanded, extra-expanded, ultra-expanded.
Reply
Your name:
Only visible to the author.

Tell us you are not a robot. What is captcha1captchaOcaptcha2 =

Reply