开发者社区> 问答> 正文

微软雅黑在网页中出现锯齿怎么解决?

screenshot
如图所示,字号比较大,在网页上使用微软雅黑字体会出现明显的锯齿,请问为什么?以及如何解决?

展开
收起
杨冬芳 2016-06-15 15:04:17 3114 0
1 条回答
写回答
取消 提交回答
  • IT从业

    看起来像是采用了GDI ClearType技术的抗锯齿。这个抗锯齿技术的特点是小字号相对清晰,大字号出现边缘锯齿。ClearType只考虑了水平方向的平滑度,但它的后继者,DirectWrite同时考虑了垂直方向上的平滑度。因此,Windows采用DirectWrite之后渲染效果会好很多。

    DirectWrite技术在Win Vista以后的系统中的IE9和Firefox已被使用,chrome近日也将采用这个渲染。

    Windows抗锯齿的技术限制,加上采用什么抗锯齿技术前端不可控,对应接口只对用户提供。基本没有什么好办法解决。
    如果介意的话,大字号还是不要用字来表现,用图来表现吧。

    附渲染结果对比图:
    screenshot

    2019-07-17 19:39:19
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载