朋友圈加粗字体数字_利用Stylus插件让Chrome有macOS的字体渲染效果

6c60f6c9b9956cdb0ccdd44b7dfa6b27.png

Stylish是一个让你可以在每个网站自订CSS的工具,我们可以利用CSS达成类似Mac的字体渲染效果。

安装所需字体和Stylus插件

思源黑体: https:// github.com/adobe-fonts/ source-han-serif/tree/release
思源黑体直接下载链接:Simplified Chinese (简体中文)
思源宋体: https:// github.com/adobe-fonts/ source-han-serif
思源宋体直接下载链接:Simplified Chinese (简体中文):ExtraLight + Light + Regular + Medium&SemiBold + Bold + Heavy
Stylus: https:// chrome.google.com/webst ore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

因为Mac原版苹方体据说在低分屏上表现不佳,而且下载麻烦,故采用Adobe版的免费开源字体思源黑体。思源黑体和思源宋体可以选择简繁日韩任何一种下载,汉字部分是一样的,差别在标点符号的优先度,简体版优先显示大陆样式标点符号。以上给出简体版链接。

8f62194d0ea0d1975d3e61c3eb8577d6.png

设置Chrome字体

进入外观→自定义字体(这是Edge Chromium的画面,应该和Google Chrome一样)

45f5f0edccd4e20272f55f9c1fd62cfc.png

Source Han Sans TC就是思源黑体繁体版,如果安装简体版应该会显示思源黑体。等寬字体没设也没关系,不影响。

设置完后你会发现有些网站的字体改变了,但是大部分没变,而且也没有渲染效果。因为大部分网站在CSS里面指定了要用的字体,我们需要用Stylish强制那些网站改用我们的字体并且帮我们渲染。

配置Stylus

点Stylus图标,新建三个样式,名字自己取

830f404fd9342ff6278836ce2af47994.png

全局样式

* 

字重:ExtraLight(250)、Light(300)、Normal(350)、Regular(400)、Medium(500)、Bold(700)、Heavy(900)

数字越大字越粗,如果不喜欢Regular的效果可以自己调整。Mac的字体是偏粗的,但在低分屏上,太粗的字体会糊成一块,可以考虑改细一点。

加粗样式

* 

例如搜索页面适合用粗一点的字显示,可以针对个别网站设置更粗的字体。

cf5487dbc55b1285171461fa7f4cfa02.png

宋体样式(非必需)

* 

强制知乎使用宋体,看起来更有文艺气息了有木有。

4a31b0936eb890632d8635cc308856e2.png

效果图

406068ee7220e579ebccaaf54b202a7a.png
左:有Stylish 右:没Stylish

b6736565240f2441683b67c2d727d14a.png

f0fecd0685fd905e4366dd6888ace64e.png

81eac2939459d545be8fee0979b60d3a.png

dd88e52b008da78a17014ac7131ae6f2.png

08c3e2da3f0beded5227f15b1eb6638d.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值