在Windows上的Chrome和Firefox上打破字体基线

时间:2015-07-16 08:43:02

标签: css windows google-chrome firefox font-face

我有一个奇怪的问题,我已经失去了几个小时无济于事。我们有一个自定义字体的网站实现为:

@font-face{
font-family:LilGroteskBold;
src:url(../fonts/LilGroteskBold.eot);
src:url(../fonts/LilGroteskBold.eot?#iefix) format("embedded-opentype"),
url(../fonts/LilGroteskBold.woff) format("woff"),
url(../fonts/LilGroteskBold.ttf) format("truetype"),
url(../fonts/LilGroteskBold.svg#LilGroteskBold) format("svg")
}

现在一切顺利在OSX和IE上运行(是的,这不是你经常听到的)但是在Windows上Chrome和Firefox上的字体基线完全被打破了。问题的图像在这里:

http://www.restons-serieux.com/broken_baseline.jpg

正如你所看到的,你,a,e低于基线,m和r更高......这是一团糟。

我们怀疑其中一种文件类型导致了问题,但是我们只尝试使用wv,只使用svg,没有svg等,但无效:它总是以这种方式运行。

还有其他人经历过这个吗?谢谢大家的帮助:))

0 个答案:

没有答案