这是我的问题。在站点项目中使用名为“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 关闭,这不是一个可行的选项.
提前致谢!