webfont 在IE情况下显示模糊

jessez
  • 20

IE情况

图片描述

Chrome情况

clipboard.png

回复
阅读 2.3k
2 个回答

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

每种浏览器对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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏