Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/search/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Webkit,webfonts的字母间距问题_Css_Webkit_Font Face_Webfonts_Letter Spacing - Fatal编程技术网

Css Webkit,webfonts的字母间距问题

Css Webkit,webfonts的字母间距问题,css,webkit,font-face,webfonts,letter-spacing,Css,Webkit,Font Face,Webfonts,Letter Spacing,这是我的问题。在一个站点项目上使用名为“PT Sans窄”的Google Webfont。在前言中,FF和IE完美地展示了这一点。Webkit浏览器则是另一回事,字体加载正确,但当我将其与“字母间距:-.05em”相结合时,我会得到一个简短的文本加载,其中我看到webfont(不带字距)在那里停留了几分之一秒,然后刷新到最终正确字距的外观。我可以把它描述为“弹弓”效应,而不是任何东西——如果这有意义的话 我正在使用.wf加载脚本来确保没有FOUT 这是我的CSS .sansNarrow {fo

这是我的问题。在一个站点项目上使用名为“PT Sans窄”的Google Webfont。在前言中,FF和IE完美地展示了这一点。Webkit浏览器则是另一回事,字体加载正确,但当我将其与“字母间距:-.05em”相结合时,我会得到一个简短的文本加载,其中我看到webfont(不带字距)在那里停留了几分之一秒,然后刷新到最终正确字距的外观。我可以把它描述为“弹弓”效应,而不是任何东西——如果这有意义的话

我正在使用.wf加载脚本来确保没有FOUT


这是我的CSS

.sansNarrow {font-family: 'PT Sans Narrow', sans-serif; letter-spacing: -.05em; font-weight: bold;}
我只是把这个类称为“sanslown”,在HTML中我需要它


我的问题是,是否还有其他人有此问题,是否找到了可行的解决方案

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


提前谢谢

对于PTSAN,Webkit浏览器的字母间距似乎不低于
-0.07em

查看此页面,可能会有所帮助:

对于PTSAN,Webkit浏览器的字母间距似乎不低于
-0.07em

查看此页面,可能会有所帮助: