F9y4ng / GreasyFork-Scripts

The open source code of this project is used for userscripts (油猴脚本) for desktop browsers, including Font Rendering (Customized) (字体渲染(自用脚本)- Font Rendering.user.js), and Search Engine Assistant (优雅的搜索引擎助手 - Google & Baidu Switcher.user.js), etc.
https://f9y4ng.github.io/GreasyFork-Scripts/
GNU General Public License v3.0
951 stars 46 forks source link

[发现错误] 开启“字体阴影尺寸”功能后,网页字体会有彩边 #126

Closed is-hejun closed 2 years ago

is-hejun commented 2 years ago

描述错误信息 (清楚而简洁地描述了错误是什么) 开启“字体阴影尺寸”功能后,网页字体会有彩边

错误再现 (重现行为的步骤)

  1. https://www.zhihu.com/question/29290583
  2. 使用截图软件对“Chrome 字体发虚模糊是因为什么?”进行截图,然后放大“字”的部分,会发现彩边
  3. 相关参数: 苹方-简 字体重写(默认:开)ON 字体平滑(默认:开)ON 字体描边尺寸(粗体修正)0.05 字体阴影尺寸 0.05 阴影颜色

    7B7B7BCC

    需要渲染的网页元素:默认 排除渲染的HTML标签:默认 4.取消“字体阴影尺寸”,即设置为0后,就没有彩边

预期结果 (清晰明了地描述你所期待想要什么样的结果) 消除彩边 屏幕截图 (如果适用,请添加屏幕截图以帮助解释您的问题) image 客户端信息: (请填写以下信息)

请预先排除与你本地其他扩展或脚本的冲突,尽量在仅运行本脚本的情况下测试

附加信息 (在此处添加有关此问题的任何附加信息)

F9y4ng commented 2 years ago

你可以自行调整阴影颜色的值(包含但不限于颜色、深浅、透明度等参数),来满足你的视觉需求。

cp

你用的截图软件对图片的压缩损失是你必须要考虑的,截图并不能很好的还原显示器的色彩,损失会相当大,所以没有什么参考价值。

小提示

阴影颜色设置为FFFFFFFF等纯白色代码可以使用默认currentcolor来定义阴影颜色。

is-hejun commented 2 years ago

谢谢大佬回复。 将字体阴影尺寸设置为 0.05 阴影颜色currentcolor后,彩边减轻。 但是仍然比设置为0严重。

F9y4ng commented 2 years ago

谢谢大佬回复。 将字体阴影尺寸设置为 0.05 阴影颜色currentcolor后,彩边减轻。 但是仍然比设置为0严重。

你将页面放大至500%,然后查看字体边缘,那根本就不存在什么色差,你所看到的色差是因为图片压缩造成的。所以不要以截图来判断你的渲染结果。

test

is-hejun commented 2 years ago

1.我发现彩边现象是首先眼睛感觉不舒服,然后使用截图放大查看进行验证 2.按照大佬的将网页放大至500%,彩边现象肉眼可见的消失,进行截图后放大,发现彩边现象也消失了 3.在Firefox里同样的网页同样的位置进行截图,没有彩边,截图如下: image 肉眼也没有感觉到彩边 4.将大佬的脚本关闭后也能发现彩边,截图如下: image 只是要比脚本开启减轻一些, 5.所以,彩边现象与大佬的脚本应该没有关系,是chrome的锅 6.感谢大佬百忙之中的回复