CODEWITHSUNDEEP
cssfontswebfontsletter-spacing
eman
eman

Reputation: 71

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

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;

Upvotes: 7

Views: 9996

Answers (2)

meo
meo

Reputation: 31259

As suggested by Warface, you could em, cm or whatever. But if you need your letters to get closer together, you can also use negative values.

letter-spacing: -1px;

Example: http://jsfiddle.net/eZbYB/2/

Upvotes: 5

Warface
Warface

Reputation: 5119

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.

Upvotes: 7

Related Questions