I just discovered that letter-spacing doesn't always work in webkit (and perhaps other browsers?) when embedding fonts. I've tried it on two different fonts and received different results.
"League Gothic Regular" will work
http://www.theleagueofmoveabletype.com/fonts/7-league-gothic
"Quicksand Light" will not
http://www.fontsquirrel.com/fonts/Quicksand
What's the skinny? Is there a way to force the hand of non-compliant fonts?
Quick note: Firefox does seem to apply to both fonts.
I'm not sure I have the answer but I was having a word-spacing problem with League Gothic from Font Squirrel, I couldn't figure it out until I re-generated the font-face stuff on the site using different settings. I use the Paul Irish's Bulletproof method...
I had the same problem, and I was able to clear it up using this code:
@font-face {
font-family: 'League Gothic';
src: url('/assets/fonts/league_gothic-webfont-webfont.eot');
src: local('‚ò∫'),
url(data:font/woff;charset=utf-8;base64,/* base64-encoded font here */) format('woff'),
url(data:font/truetype;charset=utf-8;base64,/* base64-encoded font here */) format('truetype'),
url('/assets/fonts/league_gothic-webfont-webfont.svg#webfontu5sqNtGI') format('svg');
font-weight: normal;
font-style: normal;
}
This was mostly generated from FontSquirrel and then modified slightly (I removed the local() stuff and substituted the junk characters).
This cleared up my letter-spacing issues.