我在CSS中使用@ font-face遇到了麻烦.我使用的字体在每个浏览器中看起来都非常不同.
在Firefox中查看此示例：
在Chrome中：
我不知道是什么原因引起了这个问题.我已经尝试使用文本呈现,我也尝试在@ font-face声明中更改url-properties的顺序.
我使用的是Windows 7 Professional和Firefox V30.
有人可以告诉我这个问题的原因,并告诉我如何解决它？
非常感谢.
//编辑：
这是我使用的@ font-face声明：
@font-face {
font-family: 'MyFont';
src: url('myFont.eot');
src: url('myFont.eot?#iefix') format('embedded-opentype'),url('myFont.svg#myfont') format('svg'),url('myFont.woff') format('woff'),url('myFont.ttf') format('truetype');
font-style: normal;
font-weight : normal;
}
正如我上面所写,我已经按照这个命令的顺序玩了.
在我的特定问题中,您可以看到this page (footer)显示问题.
解决方法
大多数现代浏览器使用Windows上的DirectWrite来呈现文本,Chrome除外.幸运的是,他们现在正在实施它,它最近被设置为最新Chrome版本中的默认设置.这是个好消息,坏消息是它仍然存在错误,并不总能正确呈现字体.您可以通过禁用它来查看是否存在问题,以查看是否存在问题.
要在地址栏中禁用DirectWrite,请键入chrome：// flags /,并找到标记为“禁用DirectWrite”的选项.如果这确实解决了问题,您应该记录文本呈现示例的错误,以便可以修复它.
您可以在Chrome博客http://blog.chromium.org/2014/07/chrome-37-beta-directwrite-on-windows.html上阅读更多相关信息.
