【发布时间】:2012-03-28 18:10:59
【问题描述】:
这是我的问题。在站点项目中使用名为“PT Sans Narrow”的 Google Webfont。作为序言,FF 和 IE 完美地展示了它。 Webkit 浏览器是另一回事,虽然字体加载正确,但是当我将它与“字母间距:-.05em”结合使用时,我得到一个简短的文本加载,我看到没有字距调整的 webfont - 坚持在那里几分之一秒,然后将自身刷新为最终正确紧缩的外观。我可以将其描述为一种“弹弓”效果,而不是任何东西——如果这有意义的话?
我正在使用 .wf 加载脚本来确保没有 FOUT。
这是我的 CSS
.sansNarrow {font-family: 'PT Sans Narrow', sans-serif; letter-spacing: -.05em; font-weight: bold;}
我只是在我的 HTML 中需要它的地方调用“sansNarrow”类
我的问题是有没有其他人遇到过这个问题,是否找到了可行的解决方法?
我尝试创建一个 jquery 函数,该函数使“.sansNarrow”在页面加载后 300 毫秒后出现/淡入,但它依赖于将原始类设置为“显示:无”,如果 JS 则不是一个可行的选项已关闭。
提前致谢!
【问题讨论】:
标签: css webkit font-face webfonts letter-spacing