CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了css – Firefox字体表面渲染与例如铬大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在CSS中使用@ font-face遇到了麻烦.我使用的字体在每个浏览器中看起来都非常不同.

在Firefox中查看此示例:

在Chrome中:

我不知道是什么原因引起了这个问题.我已经尝试使用文本呈现,我也尝试在@ font-face声明中更改url-properties的顺序.

我使用的是Windows 7 Professional和Firefox V30.

有人可以告诉我这个问题的原因,并告诉我如何解决它?

非常感谢.

//编辑:@H_772_15@这是我使用的@ 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上阅读更多相关信息.

大佬总结

以上是大佬教程为你收集整理的css – Firefox字体表面渲染与例如铬全部内容,希望文章能够帮你解决css – Firefox字体表面渲染与例如铬所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。