Webkit,webfonts的字母间距问题

时间:2012-03-28 18:10:59

标签: css webkit font-face webfonts letter-spacing

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

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


这是我的CSS

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

我只是在我的HTML

中调用类“sansNarrow”

我的问题是,是否有其他人遇到过这个问题,并且找到了可行的修复方法?

我已经尝试创建一个jquery函数,使得“.sansNarrow”在页面加载后300ms后显示/淡入,但它依赖于将原始类设置为“display:none”,如果是JS则不是可行的选项被关闭了。

提前致谢!

1 个答案:

答案 0 :(得分:1)

对于PTSans来说,似乎Webkit浏览器不会letter-spacing低于-0.07em ...

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