首页博客FontFixer 教程 › 网页字体修改:5种方法实测对比
中文EN日本語DeutschESFR

网页字体怎么改?5 种字体修改方法,实测对比

那个新闻网站正文用 12 像素的灰色字体。那个门户网站用了纤细窄体字,看了十五分钟眼睛就花了。那篇文章你本来很乐意读——如果正文不像用户协议的脚注一样小的话。每次想换个网页字体,结局似乎只有两种:要么页面崩了,要么一离开就全忘了。

我把人们真正在用的五种方案放在 Chrome 和 Edge 里做了几周的日常阅读测试——两种内置方案、两种 DIY 方案,还有一款专用字体更改扩展——逐项打分:能不能真正更换字体?能不能只调文字大小?能不能记住每个网站的设置?要花多少钱?先说结论:页面缩放是解决字体问题的错误工具,网站自带设置好用但几乎不存在,Stylus 是给会写 CSS 的人用的,书签脚本只适合一次性实验——而在不需要写代码的前提下做到日常舒适阅读,VKT FontFixer 是测试结束时唯一还留在我浏览器里的选项。

五种方案一览

方案能换字体仅文字缩放按网站自动应用支持本地字体需要 CSS 技能价格
1. 浏览器页面缩放(Ctrl/⌘ + +)✗(整页缩放)✗(重启后重置)不需要免费(内置)
2. 网站自带文字设置极少✓(如果有的话)✗(按浏览器/设备)不需要免费(内置)
3. Stylus(用户自定义 CSS)✓(手动编写)✓(样式自动激活)✓(如果已安装)必须免费
4. 在线工具 / 书签脚本✓(临时)部分✗(什么都不保留)只能手动输入字体名不需要——但运行第三方脚本免费
5. VKT FontFixer✓(3 款内置 + 任意本地字体)✓(80–160%,仅文字)✓(自动应用)✓(Local Font Access API)不需要(图形界面)免费;Premium 每月 2.99 美元或 9.99 美元终身

三列最关键。能换字体区分了真正的字体更换和表面功夫——页面缩放是把所有东西放大,字体本身并没变。仅文字缩放很重要,因为替代方案是把图片、按钮和边距全部撑大,然后你就得两个方向来回滚屏了。按网站自动应用则是一次性修复和日常工具的区别:如果你的设置每次打开都要重新来一遍,那你不是在改善网站体验,而是在做重复劳动。

方案一:浏览器页面缩放(Ctrl / ⌘ + +)

页面缩放会放大整个渲染页面:字体、图片、按钮、广告、边距——所有东西。当整个界面(不仅仅是正文)都太小的时候,这是正确的第一反应。但它是一种放大手段,不是排版手段。为了让正文变舒服,你把整个布局都撑大了,代价也来了:每屏能看到的字更少了,滚动更频繁了,有些页面甚至出现了水平滚动条。而那个 12 像素的纤细字体依然是 12 像素——你只是在看一张更大的图。Chrome 和 Edge 还把缩放当作临时视图设置而非按网站保存的配置,所以重启浏览器就回到 100% 了。

方案二:网站自带的无障碍设置

有些网站——通常是大型新闻网站,偶尔是政府门户——自带了文字大小切换(那排 A− / A / A+)、主题选择器或简化阅读模式。如果碰巧有,它是现成的最佳答案:这些选项由网站建设者设计到页面中,130% 的文字放大不会把布局搞乱,你也不需要安装任何东西或授予任何权限。问题是可用性。只有极少数网站提供任何控制选项,这意味着这个方案无法解决本文要回答的问题——在任意网站上修改字体。而且设置是孤立的:通常只保存在那台设备的那个浏览器中,换了笔记本或清了 Cookie,你就回到小字体了。

方案三:Stylus 等用户自定义 CSS 扩展

Stylus 是一款免费开源的用户样式管理器,属于高阶玩家的选项。机制本身完全正确:你为一个域名写 CSS,浏览器在每次访问时注入它,样式永久自动生效。字体工具能做到的事,CSS 都能做到——font-familyfont-size、行高、颜色——还能做到 GUI 暴露不了的事:只改评论区样式、覆盖顽固的 .masthead、甚至触碰伪元素。代价是你现在在写代码。每个网站都变成一个小 CSS 项目:你要去搜降级字体栈,试错发现哪些字体真的装在你机器上,当你的某条规则把布局搞坏了,修复工具就是……CSS 编辑器。没有滑块、没有字体选择器、没有实时预览——只有一个文本框等你开口说行话。

方案四:在线字体更换工具和书签脚本

然后是那些一键玩具:ChangeFont 之类的书签脚本拖到书签栏,在任何页面上点一下,弹出个小面板让你在十几种网页安全字体和通用衬线/无衬线字体栈之间切换。它们确实有一个用武之地——做实验。在 Georgia、Verdana 或更圆润的无衬线字体上各试五秒钟,就能回答真正的问题:我讨厌这个网站是因为字体吗?三个问题让它们无法用于日常:什么都不保留——刷新一下网站自己的样式表就回来了,所以每次阅读都要手动点一下;它们在你正在阅读的页面里运行第三方脚本——书签脚本就是别人写的一段你同意执行的 JavaScript,所以选那些代码只有一行、读得懂的;控制很粗糙:字号基本没有或很基础,颜色也一样。

方案五:专用字体更改扩展——VKT FontFixer

VKT FontFixer 是一款免费的 Chrome 和 Edge 扩展,用表单界面替代了 Stylus 的 CSS 编辑器。弹窗里有下拉菜单和滑块:选字体——三款内置字体(Noto Sans、Source Han Sans、Arial)或通过浏览器的 Local Font Access API 使用你电脑上安装的任何字体——文字大小从 80% 到 160% 任意调节,还能设置文字颜色和链接单独的颜色。拖动滑块时页面实时预览,一键即可恢复网站原始设计。

让它从不错的玩具变成日常工具的,是按网站记忆的功能。开启自动应用后,FontFixer 会保存该网站的配置,并在你每次访问时自动应用——这个网站就永远以你设定的排版方式打开了。免费版自动保存最多五个网站。底层原理和 Stylus 用户手写的 CSS 是同一类注入;区别在于你永远不需要亲自写,而且缩放只作用于文字——边距和图片纹丝不动。

说句实话,谁还应该选 Stylus:如果你精通开发者工具,需要 GUI 无法表达的精细手术——只改评论区、在自己博客上用精确的品牌字体、::first-line 特效、像素级匹配排版规范——Stylus 是正确的工具,而且免费。包括 FontFixer 在内的 GUI 字体更改工具,是以按元素精细控制换取了速度。如果你需要那种控制力,尽管用;只是要知道,你付出的代价是写 CSS。

免费版说清楚:所有功能永久免费——三款内置字体加任意本地字体、80–160% 文字滑块、颜色设置、实时预览和自动应用。上限是已保存的网站配置数:免费版 5 个。如果你常看的网站不超过五个,免费版就到头了。如果你要给一整份报纸的习惯都换排版,Premium 的无限配置和 JSON 导入导出,每月 2.99 美元或 9.99 美元终身买断(经 Creem 结账)——见定价页

常见问题(FAQ)

字体修改插件能看到我的密码或表单数据吗?

以 VKT FontFixer 的工作方式来说,不能。它申请的权限包括 storage、scripting、activeTab,以及广泛的 host 访问权限——这仅仅是为了在你重新访问已配置的网站时重新应用样式。它只注入样式表规则,从不读取或上传页面内容,不附带任何分析追踪,除你主动激活 Premium 许可外完全离线运行。样式改变的是页面在你屏幕上的外观,绝不会碰你输入的内容。

网站能检测到我改了字体吗?

实际上不能。CSS 是在页面加载完成后在你的浏览器端应用的,所以网站收到的请求和你正常访问时完全一样,新的外观只存在于你的浏览器内部。即使有页面脚本检查计算样式,也获取不到有用信息:一个阅读舒适的访客,对网站来说不是可以采取行动的信号。

哪种字体最适合在屏幕上阅读小字?

找一款 x 高度大、开口宽敞、字距充足的人文主义无衬线字体。在我的显示器上,内置的 Noto Sans 和 Source Han Sans 在 90% 缩放下依然清晰锐利,而网站自带的纤细字体在 100% 时就模糊了;Arial 是个不错的兜底选择。如果你还没选字体就已经在眯眼看屏幕了,先把文字大小调到 110%–120%:大比好看更重要。

免费版够用吗?还是应该每月付 2.99 美元?

免费版包含完整功能——三款内置字体、任意本地字体、80–160% 仅文字缩放、颜色设置、实时预览和自动应用——上限是 5 个已保存的网站配置。如果你常看的网站不超过五个,Premium 不会给你带来额外价值。重度用户可以获得无限配置以及 JSON 导入导出功能,价格为每月 2.99 美元或 9.99 美元终身买断。

简版结论:按今天的问题选方案

五种方案的规律很简单:内置方案解决当前页面,DIY 方案在你的业余时间逐站解决,而专用工具一次性解决。在任意网站上修改字体早已不是难题——真正的问题只剩你还想不想一直重复这件事。

更多教程见 VKT 博客;问题反馈 [email protected]

继续阅读

如何在任意网站上修改字体:分步教程

网页文字太小怎么办?不破坏布局的修复方法