1

这是我的问题。在站点项目中使用名为“PT Sans Narrow”的 Google Webfont。作为序言,FF 和 IE 完美地展示了它。Webkit 浏览器是另一回事,字体加载正确,但是当我将它与“字母间距:-.05em”结合使用时,我得到一个简短的文本加载,我看到没有字距调整的 webfont - 坚持在那里几分之一秒,然后将自身刷新为最终正确紧缩的外观。我可以将其描述为一种“弹弓”效果,而不是任何东西——如果这有意义吗?

我正在使用 .wf-loading 脚本来确保没有 FOUT。


这是我的 CSS

.sansNarrow {font-family: 'PT Sans Narrow', sans-serif; letter-spacing: -.05em; font-weight: bold;}

我只是在我的 HTML 中需要它的地方调用“sansNarrow”类


我的问题是有没有其他人遇到过这个问题,是否找到了可行的解决方案?

我尝试创建一个 jquery 函数,该函数在页面加载后 300 毫秒后使“.sansNarrow”出现/淡入,但它依赖于将原始类设置为“显示:无”,如果 JS 关闭,这不是一个可行的选项.

提前致谢!

4

1 回答 1

1

似乎 Webkit 浏览器不会letter-spacing-0.07emPTSans 低...

检查此页面,可能会有所帮助:
@font-face and letter-spacing in webkit

于 2012-03-30T17:06:42.557 回答