【问题标题】:Webkit, letter-spacing issues with webfontsWebkit,webfonts 的字母间距问题
【发布时间】: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


    【解决方案1】:

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

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

    【讨论】:

      猜你喜欢
      • 2011-07-27
      • 1970-01-01
      • 2021-10-04
      • 2012-09-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-06-01
      相关资源
      最近更新 更多