webfont 在IE情况下显示模糊

发布于 2022-09-01 19:46:19 字数 291 浏览 16 评论 0

IE情况

图片描述

Chrome情况

clipboard.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

心病无药医 2022-09-08 19:46:19

可能唯一的方法是使用复合字体,西文用 TTF,用 ttfautohint 生成间距数据;汉字用 CFF,不要加 PS hint。但是这办法最近在 chrome 里不好用了,因为 chrome 里 CFF 字体的 Gamma 会变得很奇怪。

白云悠悠 2022-09-08 19:46:19

每种浏览器对web font文件都有各自的喜好,IE对.eot支持得比较好,一般不会有锯齿,Firefox对.woff支持得比较好,效果堪称完美。chrome对.svg支持得比较好,一般不会有锯齿,同时chrome也支持.woff,不过对.woff支持得比较差。一般产生锯齿的情况都出在以chrome为内核的浏览器上,如果@font-face语句里有.woff也有.svg,chrome会优先使用.woff。不可避免地会产生锯齿。如果把.woff文件引用去掉,chrome就会使用.svg文件,就不会产生锯齿了。但这样页面在Firefox浏览器下就会有问题。试试有字库(www.youziku.com)吧,它是有检测浏览器版本,如果是chrome浏览器自动推送.svg

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文