chrome 和 edge 字体颜色不对

2021-06-10 16:30:58 +08:00
 regex

发现偶尔有些页面的字体颜色渲染有问题 把白色的字体渲染成了黑色

例如这个页面中 https://blog.csdn.net/wonain/article/details/103291962 代码片段中只有中文正确显示成白色,英文就变成了黑色 审查元素里的确是白色的。

重置浏览器、关闭插件都不行,有人遇到过这个问题吗? 用的是最新的 macOS 系统,Linux 服务器上的 chrome 都是正常的。

3230 次点击
所在节点    浏览器
14 条回复
66beta
2021-06-10 16:33:25 +08:00
big sur 最新版 chrome 、edge 正常
BigUncleB
2021-06-10 17:11:44 +08:00
是的同样的问题,还未找到解决方案。Bigsur 11.4, chrome 91.0.4472.101
pkoukk
2021-06-10 17:14:03 +08:00
big sur 11.3.1 edge 正常
3dwelcome
2021-06-10 17:17:02 +08:00
我的经验是,关掉 chrome 里 GPU 加速的相关设置。

同一个版本 chrome,在某些机器上没问题,有些机器上又有显示 BUG 。

最后查下来就是和显卡特定版本驱动的兼容问题,chrome 新版越来越依赖 GPU 渲染了。
whusnoopy
2021-06-10 18:00:21 +08:00
无法复现楼主问题

硬件
MacBook Pro 13 2020 Intel i5 4TBT
内置显示器和外接优派 VX2478-4K-HD

环境
Big Sur 11.4
Chrome 91.0.4472.77 (以及 91.0.4472.101 ,刚好赶上升级)
Edge 91.0.864.41
muzuiget
2021-06-10 18:01:38 +08:00
看上去是 Edge 的深色主题默认样式问题?
whusnoopy
2021-06-10 18:03:18 +08:00
另外,我用的是浅色模式,看楼主下面的截图,似乎浏览器跟随系统用的深色模式?试试看不用深色模式是不是就好了
suzic
2021-06-10 18:03:58 +08:00
big sur 11.2 edge 正常
Summerdx404
2021-06-10 18:15:10 +08:00
显示正常,但是发现图里黑色部分的英文字体和我的不一样,是有启用过类似替换默认字体的插件导致的吗?

Rendered Fonts
Menlo—Local file(121 glyphs)
PingFang SC—Local file(71 glyphs)
regex
2021-06-10 19:17:47 +08:00
取消硬件加速不行
换浅色也不行 (毕竟 safari 下深色显示都是正常的)
@Summerdx404 感谢兄弟 我取消了下这行 css 就正确显示了 我再查查具体是啥问题。。
font-family: Source Code Pro,DejaVu Sans Mono,Ubuntu Mono,Anonymous Pro,Droid Sans Mono,Menlo,Monaco,Consolas,Inconsolata,Courier,monospace,PingFang SC,Microsoft YaHei,sans-serif;
jinliming2
2021-06-11 00:28:17 +08:00
选中 TextNode,就是 code 节点下的文本节点,看 computed 的 Rendered Fonts 是啥字体?
有些字体是图形字体,是不是字体本身就带颜色?举个例子,emoji 字体本身就是彩色的。
wujunchuan2008
2021-06-11 14:41:09 +08:00
如果没猜错,您这是 ARM 架构的 Chrome ?
wujunchuan2008
2021-06-11 14:45:35 +08:00
SunriseFox
2021-06-11 18:40:58 +08:00
Source Code Pro 字体导致的,从 chrome 字体库安装就好了… 上面的 issues 有说到

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/782676

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX