我有一个奇怪的问题,我已经失去了几个小时无济于事。我们有一个自定义字体的网站实现为:
@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等,但无效:它总是以这种方式运行。
还有其他人经历过这个吗?谢谢大家的帮助:))