[前端] 关于 Chrome 字体渲染的 Grayscale 问题

JCZ2MkKb5S8ZX9pq · 2019-12-01T02:47:52Z

Missing YCBCR444 option in NV Contro 我使用的是 win 版 chrome78 上面这个页面，左侧列表黑底白字的抗锯齿的补色都是纯灰的，我比较偏好这个效果。右侧正文的抗锯齿补色却是彩色的。我搜了下，可能是 font-smoothing 有个 grayscale。但是好像只有-moz-osx-font-smoothing: grayscale;，Chrome 下不知道怎么搞。请问如例举网页中的效果，是怎么实现的呢？关于 Grayscale 的参考文章深度剖析！浏览器字体渲染的秘密 | 优设网 - UISDC

PageSpeed 相关文档

› 为 NGINX 编译 PageSpeed 支持

› ngx_pagespeed

› Configuring mod_pagespeed Filters

加载性能测试工具

› WebPagetest

› Gomez

This topic created in 2362 days ago, the information mentioned may be changed or developed.

Missing YCBCR444 option in NV Contro
我使用的是 win 版 chrome78
上面这个页面，左侧列表黑底白字的抗锯齿的补色都是纯灰的，我比较偏好这个效果。
右侧正文的抗锯齿补色却是彩色的。
我搜了下，可能是 font-smoothing 有个 grayscale。
但是好像只有-moz-osx-font-smoothing: grayscale;，Chrome 下不知道怎么搞。
请问如例举网页中的效果，是怎么实现的呢？

关于 Grayscale 的参考文章
深度剖析！浏览器字体渲染的秘密 | 优设网 - UISDC

grayscale

补色

锯齿

Chrome

2 replies • 2019-12-01 11:35:12 +08:00

JCZ2MkKb5S8ZX9pq

Dec 1, 2019

另外 reddit 上的灰色文字，好像也是 grayscale 的，Chrome 观看。
[How to force grayscale font rendering for all sites? : firefox]( https://www.reddit.com/r/firefox/comments/95zi4g/how_to_force_grayscale_font_rendering_for_all/)
怎么实现的？

JCZ2MkKb5S8ZX9pq

Dec 1, 2019

猜测可能是字体本身的关系。
反正现在直接关了 Cleartype，一了百了。