今天想和大家聊一个比较带有主观色彩的话题,熟悉我的小伙伴应该知道,我手里有个好几年前买的 13 寸 ThinkPad S2 和 16 寸 MBP,按理说,我上网冲浪应该驻扎在屏幕硬件条件更好的 MBP 上。

但由于使用习惯迟迟转不过来,回家要是攒稿或者在电脑上来波高强度对线,多半还是会选择 ThinkPad。

都不用我反复横跳,在低分屏中,很难忽视是字体发虚的问题,要不是在高分屏上没碰到这问题,我还以为是熬夜逛 P 站把身体弄虚了。

其实这个也不能光怪屏幕,高情商的说,Windows 一开始就是奔着让字体更清晰去的,缺少想象中的优雅。

对全局来说,解决办法当然有,比如那个有年头的 MacType,人家就可以通过强大的自定义功能解决问题。

但我们且不说这个强大自定义的背后有多少调试门槛,然后面对门槛愿不愿意折腾,对于最最日常的浏览器网页而言,其实有更好的解决办法。

比如扩展,比如油猴脚本。

今天和大家分享一款我从微博(找不到原帖了,这里就不@了)上发现的,且开开心心正在用的油猴脚本,字体渲染(自用脚本)。

网页界面字体如何调大用代码(网页字体总觉得不舒服)(1)

上面这张图是我没开脚本时的样子,下面这张图是我开了脚本的样子。

网页界面字体如何调大用代码(网页字体总觉得不舒服)(2)

相信很多对字体无感的小伙伴,可能觉得无所谓,但对于正在使用中的我来说,相当舒适。

字体渲染

其实最值得强调的是这个脚本名字里的「自用脚本」四个字,有理由怀疑作者 @F9y4ng 当初就是把自用的脚本直接分享了,顺手做了个备注。

这个刚好于 GreasyFork 迭代 1 年之久的脚本,已经被作者开源到了 GitHub 上,感兴趣的小伙伴可以去看看源码,学习一下。

网页界面字体如何调大用代码(网页字体总觉得不舒服)(3)

项目地址:https://github.com/F9y4ng/GreasyFork-Scripts

写这篇文章的时候,我顺手翻了下这个字体渲染脚本的历史版本,发现之前脚本真的就是没有个性化修改功能。

网页界面字体如何调大用代码(网页字体总觉得不舒服)(4)

想调教的话,必须要用户自行修改代码,有一说一,这么看确实是「自用」。

不过请放心,现在这个字体渲染脚本,保留了强大之余,给了普通用户一条活路,图形化参数设置。

网页界面字体如何调大用代码(网页字体总觉得不舒服)(5)

这个脚本包括不限于,为中英文设置不同字体,为字体附加描边、重写、阴影、平滑、缩放的效果,为个别网页提供个性化设置的功能。

而操作真的不难,给大家简单讲讲这个脚本到底是怎么用的。

具体操作

还不知道油猴是什么的小伙伴可以看看我之前写过的文章,这里我就不赘述了。

当你安装好脚本,点开油猴扩展的小图标,你会看到这个已启用的字体渲染脚本。

网页界面字体如何调大用代码(网页字体总觉得不舒服)(6)

一共就三个选项,「字体渲染设置」、「排除渲染 greasyfork.org」、「VIP 高级功能开关」。

第一个字体渲染设置看到的就是前面那张可以调参数的图,值得关注的是这几个:

网页界面字体如何调大用代码(网页字体总觉得不舒服)(7)

字体平滑会更改网页字体的边缘平滑度,打开后能让字体更润,关闭后字体会默认的偏锐利。

字体描边尺寸会实现外部描边的效果,简单的说就是字体的粗细程度,比如 Chrome 默认是这样的:

网页界面字体如何调大用代码(网页字体总觉得不舒服)(8)

拉满是这样的,相当于全文加粗:

网页界面字体如何调大用代码(网页字体总觉得不舒服)(9)

我习惯 0.16-0.17 之间,具体多少看各位的口味了。

网页界面字体如何调大用代码(网页字体总觉得不舒服)(10)

字体阴影是让字体变清晰优雅的重点,默认尺寸是个 1.5,但字多的时候,总会给我一种不适应的墨感。

网页界面字体如何调大用代码(网页字体总觉得不舒服)(11)

我能接受的是调成 0.5-0.7 之间,具体如何还需要看屏幕分辨率以及个人习惯了。

网页界面字体如何调大用代码(网页字体总觉得不舒服)(12)

至于字体重写,指的是将自定义字体覆盖整个网页,整个设置界面的上头,有个字体选择,脚本默认的是微软雅黑。

网页界面字体如何调大用代码(网页字体总觉得不舒服)(13)

如果想自定义字体,可以双击搜索框旁边的铃铛,然后会有个自定义字体表,填写格式图上都有我就不多说了。

网页界面字体如何调大用代码(网页字体总觉得不舒服)(14)

友情提示,这个字体需要你系统上有啊,关于自定义上传字体的注意事项,去脚本介绍页看,作者写的很清楚了。

如果想区分中英文,字体表中添加过英文字体后,字体框内先选择英文字体(一定要在前),再选择中文字体就能实现。

网页界面字体如何调大用代码(网页字体总觉得不舒服)(15)

最后保存的时候有应用到全局,也有只适用于当前网站,怎么处理就看你了。

网页界面字体如何调大用代码(网页字体总觉得不舒服)(16)

在设置页面的最下面,还有个备份选项,所以我们也不用担心未来迁移浏览器会导致一切重来的问题。

网页界面字体如何调大用代码(网页字体总觉得不舒服)(17)

至于剩下的「排除渲染」,指的是当前网站不再运行脚本,「VIP 高级功能」也不是作者要收费,而是字体核心外的设置项。

网页界面字体如何调大用代码(网页字体总觉得不舒服)(18)

值得一提的是字体缩放,火狐浏览器兼容性不佳,所以用火狐的小伙伴还是把它关了吧,剩下的功能看名字就懂了,我就不详细介绍了。

至此,看到这里的你应该会用这个脚本了,只要找到最适合自己的参数后,那感觉真的爽,最后展示一波,使用脚本前的虚:

网页界面字体如何调大用代码(网页字体总觉得不舒服)(19)

使用脚本后的清晰:

网页界面字体如何调大用代码(网页字体总觉得不舒服)(20)

总结

我知道字体这个事,说到底主观性还是很强的,强迫症和无感的小伙伴眼中的字体,是截然不同的景象。

如果你对系统上浏览器的渲染效果不满意,建议你用用这个油猴脚本,不好用删了就是,有机会让自己更舒服为啥不愿意动动呢。

与其抱怨田厂不给力,自己找方法解决问题才是拥抱自己的正确姿势。

好了,现在我可以明确地告诉你,我眼中字体的虚与 P 站无关,

大概。

https://wwe.lanzouw.com/i37YWyvx2vg

本文首发于微信公众号程序员不高兴(coder911),未经授权请勿转载!

一如既往感谢各位小伙伴的支持和关注!

,