how to do you use letter-spacing smaller than 1px

css fonts webfonts letter-spacing
eman picture eman · Jul 27, 2011 · Viewed 8.8k times · Source

I have a web font that I am trying to get the spacing just right. I have it set at letter-spacing: .03px. Works great in firefox 5, But i know this doesn't work across browsers. Is there anything i can do to help this? or what browsers would this work in?

font-family: 'FSS Light',Times;
font-size: 15px;
letter-spacing: 0.3px;
line-height: 20px;
margin: 0 0 1em;

Answer

Warface picture Warface · Jul 27, 2011

Have you tried with em

letter-spacing: .5em;

Yes Ems works on all browsers and they are becoming increasingly popular in web documents due to scalability and their mobile-device-friendly nature.

Related questions

How do I install a custom font on an HTML site

I am not using flash or php - and I have been asked to add a custom font to a simple HTML layout. "KG June Bug" I have it downloaded locally - is there a simple CSS trick to accomplish …

Read More
Webfont Smoothing and Antialiasing in Firefox and Opera

I have custom-made web fonts used on my site. To style my rendering output, I used the following code: //-webkit-text-stroke-width: .05px; //-webkit-text-stroke-color: white; -webkit-font-smoothing: antialiased; This works fine on Safari and Chrome (edges are sharper and lines are thinner). Is …

Read More
Use multiple @font-face rules in CSS

How can I use more than @font-face rule in my CSS? I've inserted this into my stylesheet: body { background: #fff url(../images/body-bg-corporate.gif) repeat-x; padding-bottom: 10px; font-family: 'GestaRegular', Arial, Helvetica, sans-serif; } @font-face { font-family: 'GestaReFogular'; src: url('gestareg-webfont.eot'); src: …

Read More