Greasy Fork is available in English.

字體渲染(自用腳本)

無需安裝MacType,優化浏覽器字體顯示,讓每個頁面的中文字體變得有質感,默認使用微軟雅黑字體,亦可自定義設置多種中文字體,附加字體描邊、字體重寫、字體陰影、字體平滑、對特殊樣式元素的過濾和許可等效果,腳本菜單中可使用設置界面進行參數設置,亦可對某域名下所有頁面進行排除渲染,兼容常用的Greasemonkey腳本和瀏覽器插件。

作者
F9y4ng
今日安裝
151
安裝總數
28,142
評價
169 2 0
版本
2022.01.22.1
建立日期
2020-11-24
更新日期
2022-01-22
相容性
相容於 Firefox 相容於 Chrome 相容於 Opera 相容於 Safari 相容於 Edge
授權條款
GPL-3.0-only
腳本執行於
所有網站

[ GreasyFork Scripts ]

LICENSE LAST COMMIT WIKI ISSUES STARS

version 2022.01.22.1 更新说明 new

!!! 使用前请仔细阅读 注意事项使用说明!仔细阅读 注意事项使用说明!阅读 注意事项使用说明! !!!

!!! 反馈问题/建议请到 @Github其他途径的反馈(含GreasyFork),如果时间仓促将不回复处理,感谢各位理解与合作 !!!

!!! 为保证您的数据安全,请及时备份您的本地数据!请勿使用来源未知的备份文件 !!!

@ 修正初始值、优化渲染参数,如遇异常请重置后重新配置。
@ 优化RAFInterval/RAFTimeout, 提高代码执行性能。
@ 修正Bugs, 修正CSS错误,优化代码。

注意事项

请先到 GreasyFork首页 根据你的浏览器选择一个用户脚本管理器安装,然后再来安装此脚本

(不建议使用AdGuard来安装浏览器脚本,因为脚本菜单中的功能或设置你将无法查看或使用。如有配置需要,请使用“键盘快捷键”。)

有些话说在前面 New

  • 本项目为开源代码遵循GPL3.0开源协议,代码完全公开免费,不以盈利为目的,无意损害他人利益,不接受非授权的二次分发形成独立第三方脚本。
  • 使用本项目不是使用AI程序,不是品尝神奇小饼干,需要一定的认知能力动手能力,如果仅仅需要“别人会为我解决一切问题”的功能,我建议您可以选择其他高级的、智能的、无需动手操作的,或可意念通灵的Js脚本使用。
  • 遇到任何问题,建议您通过 @Github错误报告(Bug report) / 新功能要求(Feature request) 模板来提交ISSUES,这样不仅会让你很快发现问题所在,也能让我可以通过反馈数据尽快给出解决方案或合理建议。

关于问题反馈

请反馈问题的朋友注意:反馈脚本错误或样式显示问题,请把发生问题的具体访问网址、使用的浏览器版本脚本运行器版本相关错误的截图(仅开此脚本的情况下的)、以及具体操作流程错误提示(如果有的话)发出来,你遇到的问题不一定能在其他地方复现。请到 @Github 反馈 ISSUES。

关于字体的添加

字体表字体及其他中文字体分享:点这里下载字体包

如果您需要向字体表添加自定义字体,请按 帮助说明的指引进行操作

如果您需要增加新的字体进入代码字体表,请将 完整且准确 的字体 中文全称 英文全称 预设格式添加进自定义字体列表。

如右所示:{"ch":"鸿蒙黑体", "en":"HarmonyOS Sans SC"}

每当您的计算机安装了新字体,若要使其立即生效,请在“ 高级核心功能设置”中为当前网站重建字体列表缓存。

  • 1:由于操作系统字体缓存,在计算机安装新字体后请重启浏览器,确保系统字体缓存在浏览器中生效。
  • 2:要使所有域名网站的字体列表均立刻生效,可进入浏览器设置清空所有缓存。(ctrl+shift+del)

关于字体缩放

字体比例缩放功能,默认关闭,请在 高级核心功能设置 中打开字体缩放功能。

  • 已知问题: 因Firefox的Gecko内核对JS脚本及CSS限制,对部分网站兼容性较差,我们建议Firefox用户谨慎使用该功能。
  • 未知情况: 如在Firefox浏览器中遇到样式异常或坐标偏移,请及时到 @Github 向我反馈。New

字体渲染(自用脚本)的新版本已完成,在使用新版脚本前,请注意以下事项:

新版脚本中内置了默认的字体渲染样式,该样式为我本地配置,并不能完美适配于你的计算机。所以,首次使用时,如果出现渲染效果没有达到理想状态,属于正常情况。请根据自有显示器的配置及设置,通过脚本配置界面修正相关参数来达到最佳显示效果。如在使用过程中遇到错误或使用问题,请到 @Github 给我留言反馈。

注:在WIN10系统下,不论高分屏或低分屏,系统或浏览器应用150%以上的缩放率可获得最佳的渲染效果,这是WIN10默认字体渲染所导致的。

渲染效果对比

渲染前效果

渲染前

渲染后效果

渲染后


使用说明 V4.5.0 new

如在使用中遇到问题,请先重点关注版本更新的 注意事项,然后再继续阅读使用说明。

脚本的安装途径

  1. Script@Github
  2. Script@GreasyFork
  3. Script@OpenuserJs [namespace专用] (注意:namespace专用的脚本名称与“字体渲染(自用脚本)”不一致请勿重复安装)

脚本日志记录(图)

脚本调试日志(浏览器按F12打开控制台console界面可看到以下信息)

脚本日志记录

脚本错误反馈(图)

如果脚本在运行过程中出现重大异常或错误,程序会自动启动错误反馈功能。希望您能及时将此信息反馈至 @Github

脚本错误反馈

自适应滚动条(图)

脚本设置界面的自适应滚动条会在浏览器不能在当前页面完整显示时自动出现,以保证您可以正常操作。

自适应滚动条

脚本菜单(图)(脚本管理器菜单延时三秒载入

脚本菜单项 - 点击“字体渲染设置”进入设置界面

脚本菜单项新增了键盘快捷键(Alt+字母 / Command+字母)操作脚本菜单的配置项。New

  • 字体渲染设置 → Alt+P / Command+Q
  • 排除渲染/重新渲染 → Alt+X / Command+G
  • VIP 高级功能开关 → Alt+G / Command+M
  • 向作者反馈问题或建议 → Alt+T / Command+U
防止多次触发,键盘快捷键每次点击之间有不同时间的间隔要求,多次快速触发快捷键将被忽略。
注:高级功能设置 中有键盘快捷键的功能开关,若不需要此功能或与现有的快捷键有冲突,可通过开关关闭。

脚本菜单项

脚本菜单项 - 高级核心功能设置

高级功能设置

脚本设置界面 [使用帮助]

脚本设置UI界面

脚本设置界面 - 保存与预览

预览按钮 [使用说明]

保存与预览

保存按钮 [操作预览]

保存与预览

脚本设置中既定的字体表

需新增字体,请先下载并安装你需要的字体,再使用 自定义字体添加功能 将字体名称添加至自定义字体表。
字体的检测是以英文字体名为准,中文字体名作为辅助,添加自定义字体需要完整且准确的字体中英文名称。 作者推荐的个性化字体供下载使用。

既定的字体表

脚本设置中关于字体的选择 [使用说明]

通过判断您的系统中是否已安装过既定的字体表中所列举的字体,如果有安装则在列表中显示出来,字体表如下图所示:

字体的选择

脚本设置中关于自定义字体的添加

自定义字体添加的开关。

自定义字体的添加开关

您可以通过此功能向字体表自行添加您需要的新字体,要根据所给出的预设格式添加,请仔细阅读 [1.1 自定义字体的添加] 的说明。

自定义字体的添加

脚本设置中关于数据重置 [使用说明]

数据重置

脚本设置中关于数据备份与还原 [使用说明]

数据备份

脚本设置中关于数据保存 [使用说明]

数据保存

可设置独立网站的个性化数据的管理

数据保存-个性化

网站个性化数据列表的管理 [使用说明]

数据保存-个性化管理

脚本菜单中排除功能的介绍

将某域名排除禁用字体渲染

将某域名排除禁用字体渲染

将排除的域名恢复字体渲染

将排除的域名恢复字体渲染

脚本设置界面的介绍

脚本设置界面 所示:阅读介绍时您可以在脚本菜单中打开“字体渲染设置”界面,对比阅读说明体验更好!

1. 替换字体的选择:选择你想要所有网页上显示的字体。列表中罗列的是你的计算机上已经安装过,且在代码字体表中的中文字体,想要使用苹方、思源、鸿蒙等字体,一定要先行安装字体,再配置使用。[如图所示]

  • 首次使用默认微软雅黑字体,之后若没有重新选择字体将自动使用上次正确保存的字体。
  • 输入框输入关键词可以搜索字体表中的字体,支持中文和英文的字体名。
  • 字体的选择尽量精简,即使选择多个字体,也会优先渲染第一个字体,所以多选不如只选一个最喜欢的。
  • 如果字体重写功能被关闭,那么字体替换功能也将被自动禁用,网页字体将采用“网站默认”的字体设置。
  • 每当您的计算机安装了新字体,您需要在高级功能设置中重建字体缓存,才能使新字体立即生效。

1.1 自定义字体的添加:自行添加您自己所需要的新字体到字体表。

  • 如何打开自定义字体的添加功能?点击这里查看
  • 添加格式为 { "ch": "中文字体名一", "en": "EN Fontname 1" }
  • 每行一组字体数据,注意所有参数均需要半角双引号(")包含
  • 中文字体名支持中文、日文、韩文等双字节文本、英文,以及数字、半角减号(-)、半角下划线(_)、半角空格( )、@;
  • 英文字体名支持英文,数字及半角减号(-)、半角下划线(_)、半角空格( )、@;
  • @ 仅能出现在字体名称前,表示竖向排版文字;
  • 查看【去哪下载新字体?】、【如何获取正确的字体名称?
  • 清空所有数据后保存即为将自定义字体列表初始化;
  • 添加的字体格式若出现格式错误将被程序自动过滤掉;
  • 添加的重复字体将在字体表合并时被自动忽略;
  • 不建议添加过多的自定义字体,以避免因字体检测时间过长而影响页面响应;

2. 字体重写:通过将页面其他字体重写为你选择的字体,重新进行渲染,打开[ON]可使得所有的网页字体均发生改变,并将部分常用字体替换为您选择的字体。

注:关闭字体重写将自动禁用字体替换。

3. 字体平滑:字体平滑选项控制的是页面上字体的边缘平滑度,打开[ON]状态会使字体更加自然圆滑。关闭[OFF]状态会使字体边缘更加锐利,Win10下字体会因为系统渲染问题而发虚。


4. 字体比例缩放:字体缩放,控制页面字体等比例缩放,以解决某些字体正常显示过小的情况。建议Firefox浏览器的用户注意,由于Gecko内核的限制,对部分网站的兼容性欠佳,请谨慎使用该功能。

注:字体缩放的范围为0.800~1.500,设置为1.000,则表示关闭字体缩放。

5. 字体描边尺寸:字体描边使字体实现外部描边的效果,字体会以更大的字重的展现,字体描边颜色取自原字体颜色本身。不同的显示器,需要你手动调整到适合自己的参数。

注:字体描边的范围为0.000~1.000,设置为0,则表示关闭字体描边。

6. 字体阴影尺寸:字体阴影使页面上的字体显示更加清晰,新版本已修正了因多重阴影造成字体模糊的问题。根据你的需求,自行调整阴影大小。

注:字体阴影的范围为0.00~8.00,设置为0,则表示关闭字体阴影。

7. 字体阴影颜色:字体阴影颜色一般情况下以淡灰色或深灰色作为基色,会使网页上的字体显示的更加清晰。输入框支持以下颜色格式,在你输入后由程序自动转化为HEXA格式显示,但颜色值与你填写的保持一致。

字体阴影颜色支持的格式(不论何种格式,都严格遵循颜色语法。若输入错误,阴影颜色会自动恢复为刚刚正确显示的颜色。)

  • HEX: #CECECE, #BA7, #f9abc3, #f3a (请大小写一致)
  • RGB: rgb(124,124,124)
  • RGBA: rgba(124,124,124,0.3)
  • 当前颜色: currentcolor#FFFFFF#fffrgb(255,255,255)rgba(255,255,255,1)
注:代码默认将所有定义为纯白色的颜色代码均表示为currentcolor,即当前字体颜色。

8. 需要渲染的网页元素:这里所填写的是需要渲染的网页元素,默认为排除大多数网站常用的特殊CSS样式后需要渲染的页面元素。默认为只读,双击文本域解锁编辑。若需新增样式请继续在代码之后进行添加,填写格式如下所示,遵循CSS语法: 查看自定义设置

  • :not(.fa)   注:.fa为网页代码中标签的class值。
  • :not([class*="fa"])  注:网页代码中包含fa字符的class值,具体CSS用法请自行学习。
注:该区域为重要参数,如果您对CSS不熟悉,请勿轻易修改其中的代码,以避免造成渲染失效。如失效请重置。

9. 排除渲染的HTML标签:这里所填写的HTML标签将不会进行字体描边、字体阴影的效果渲染。若需继续添加要排除的标签,请使用半角逗号(,)进行分割,填写格式如下所示,遵循CSS语法。 查看自定义设置

  • 要过滤页面所有样式中包含nav的HTML标签的代码为 *[class*="nav"]
  • 要过滤页面ID为here的DIV标签的代码为 div[id="here"]
注:该区域的填写需要CSS知识,任何您不想被渲染的网页部分都可以通过标签、样式或标签+属性的方式进行复杂过滤。如过滤造成混乱请重置。

10. 重置 重置按钮,将脚本设置中所有参数将被还原为程序初始状态,该操作需要手动保存。一般是在您错误配置参数且造成无法挽回的情况下,或从旧版本升级至新版后遇到样式问题需要启用最新的过滤规则时才进行重置参数的操作。恢复按钮,是将当前配置的数据恢复为上一次正确保存的参数值,该操作会自动恢复预览。[如图所示]

注:个性化网站设置管理请在保存按钮中按文字提示进行操作。

11. 备份 备份按钮,用于备份本地的配置数据,可实现跨浏览器、跨设备的数据共享。导出的备份文件格式为 backup.*.sqlitedb ,其中* = 备份的日期时间和浏览器名称。备份会导出并自动下载备份文件。需要还原时,先点击👉[点击这里载入*.sqlitedb备份文件] 来载入本地的备份文件,再点击还原按钮进行还原操作。[如图所示]

注:备份功能默认开启,如不需要此功能,可通过高级功能设置来关闭。

12. 保存 保存按钮,用于配置数据的保存,新版保存功能分为全局数据保存(全局默认)和当前网站的数据保存(个性化)。个性化设置优先于全局设置进行渲染,对当前网站的个性化数据的管理可直接删除或覆盖保存。[全部数据列表] 中是您所有的个性化网站数据列表,用于删除您不再需要的网站个性化数据。[如图所示]

注:个性化数据总量的最高值为100条,过多的个性化数据会影响脚本执行效率,进而影响网页的正常访问。如果你的计算机性能强悍,可通过高级功能设置来修改最高值。

12.1 保存预览 预览按钮,用于在保存数据前预览字体渲染效果,可随时调整参数至满意后再保存,此过程无需刷新页面即可实时预览渲染效果。该功能默认关闭,需要在高级功能设置中打开。[如图所示]


13. 配置页面中的🔔:对应操作的提示,通过鼠标单击而显示,如果您不知如何操作或想了解该项操作的功能,每次重大版本更新后,还请仔细阅读🔔中的内容


14. 页面顶端旋转的问号:帮助按钮,点击打开本帮助页面

个性化网站特殊设置分享回到顶部

旧版升级至新版的用户注意:在遇到样式问题时,请先尝试使用重置按钮重置数据,再重新配置相关参数,以使用最新过滤规则。若重置后问题仍然存在,请在下列域名中查找特殊设置,如未找到对应的网站,请至 @Github 寻求帮助,不便之处请谅解。

  • 域名:www.weibo.com
  • 域名:weibo.com
  • 需要渲染的网页元素: 文本域 追加 :not([class*='woo-badge-']) ,解决部分图标显示不正常的问题。

  • 域名:chaoshi.tmall.com
  • 需要渲染的网页元素: 文本域 追加 :not([class*='-font']) ,解决字体图标不正确的问题。

  • 域名:www.guazi.com
  • 需要渲染的网页元素: 文本域 追加 :not([class*='gzfont']) ,解决价格方框的问题。

  • 域名:developer.android.com
  • 域名:developers.google.com
  • 需要渲染的网页元素: 文本域 追加 :not(input[type=checkbox]):not(.devsite-nav-toggle) ,解决列表图标乱码的问题。

  • 域名:fontello.com
  • 需要渲染的网页元素: 文本域 追加 :not([class*='selector']) ,解决自定义字体图标乱码的问题。

  • 域名:docs.microsoft.com
  • 需要渲染的网页元素: 文本域 追加 :not([class*='docon'] ,解决字体图标乱码的问题。

  • 域名:www.kdocs.cn
  • 需要渲染的网页元素: 文本域 追加 :not(span[class^='path']) ,解决右上头像角标方框问题。

  • 域名:www.google.com
  • 域名:www.google.com.hk
  • 域名:www.google.*
  • 排除渲染的HTML标签: 文本域 追加 ,div[jsname='vdLsw'],div[jsname='vdLsw']>span ,解决输入框文字重影的问题。

  • 域名:www.ixigua.com
  • 排除渲染的HTML标签: 文本域 查找并删除 ,pre,pre * ,解决评论字体不渲染的问题。

  • 域名:www.bilibili.com
  • 排除渲染的HTML标签: 文本域 追加 ,div[class*='danmaku'] ,解决弹幕因字体渲染加粗问题。

  • 域名:www.huya.com
  • 排除渲染的HTML标签: 文本域 追加 ,div.danmu-item>span ,解决弹幕因字体渲染加粗问题。

  • 域名:www.douyu.com
  • 排除渲染的HTML标签: 文本域 追加 ,div[class*='text-'] ,解决弹幕因字体渲染加粗问题。

  • 域名:www.wolai.com
  • 排除渲染的HTML标签: 文本域 追加 ,span *[class*='mord'] ,解决数学公式及化学方程式的乱码问题。

  • 域名:www.douban.com
  • 需要渲染的网页元素: 文本域 追加 ,#topic-items .topic-item .preview-wrapper .preview-content ,解决话题列表不渲染的问题。
  • 排除渲染的HTML标签: 文本域 找到并删除 pre,pre *, ,解决话题页面跟帖字体不渲染的问题。

  • 域名:www.yuque.com
  • 需要渲染的网页元素: 文本域 追加 :not([class*='ne-'] span) ,解决字体图标方框的问题。
  • 排除渲染的HTML标签: 文本域 追加 ,div[class*='image'] ,解决图片字体重复渲染的问题。