webkit 中的 @font-face 和 letter-spacing

发布于 2024-08-29 16:19:21 字数 511 浏览 7 评论 0原文

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

“League Gothic Regular”将起作用

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

“Quicksand Light”不会

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

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

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

只是在用心讲痛 2024-09-05 16:19:21

我不确定我有答案，但我在使用 Font Squirrel 的 League Gothic 时遇到了字间距问题，直到我使用不同的设置在网站上重新生成字体内容后我才弄清楚。我使用 Paul Irish 的 Bulletproof 方法...

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

回复收藏 0 原文

清旖 2024-09-05 16:19:21

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

@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< 生成的/a> 然后稍微修改（我删除了 local() 内容并替换了垃圾字符）。

这解决了我的字母间距问题。

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.

回复收藏 0 原文