fonts - webkit 中的@font-face 和 letter-spacing

Question

我刚刚发现嵌入字体时，字母间距在 webkit（也许还有其他浏览器？）中并不总是有效。我已经在两种不同的字体上进行了尝试，并收到了不同的结果。

“联赛哥特式常规”将起作用

http://www.theleagueofmoveabletype.com/fonts/7-league-gothic

“流沙之光”不会

http://www.fontsquirrel.com/fonts/Quicksand

什么叫瘦？有没有办法强制不合规字体的手？

快速说明：Firefox 似乎确实适用于这两种字体。

Answer 1

我不确定我是否有答案，但我在使用 Font Squirrel 的 League Gothic 时遇到了字间距问题，直到我使用不同的设置在网站上重新生成字体内容之前我无法弄清楚。我使用保罗爱尔兰的防弹方法......

字体松鼠设置 http://img59.imageshack.us/img59/8784/screenshot20100428at132.png

Answer 2

在我看来，这只是由 svg 字体引起的！！！我无法严格验证它，但我的测试用例证明了这一点。

重新排序您的字体网址，将 svg 格式放在最后，它应该可以解决问题。但是 svg 字体不会被使用并且渲染可能很脏（呃）

Answer 3

我遇到了同样的问题，我可以使用以下代码将其清除：

@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;
}

这主要是从FontSquirrel生成的，然后稍作修改（我删除了 local() 内容并替换了垃圾字符）。

这清除了我的字母间距问题。