Question

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

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

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

“Quicksand Light”不会

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

什么是瘦的？有没有办法强制使用不合规的字体？

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

Answer 1

我不确定我有答案，但我在Font Squirrel的League Gothic中出现了字间距问题，直到我使用不同的方式在网站上重新生成字体外观之前我无法理解它设置。我使用Paul Irish的防弹方法......

Font Squirrel settings http://img59.imageshack.us/img59/8784/screenshot20100428at132.png

Answer 2

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

@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（）并替换了垃圾字符）。

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

Answer 3

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

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

webkit中的@ font-face和letter-spacing

3 个答案: