浏览器如何自定义默认字体

我在 Windows 上不太喜欢微软雅黑，正文更愿意用汉仪旗黑或霞鹜新晰黑＋，代码则习惯用 Ligconsolata。

浏览器明明提供了默认字体设置，网页却不一定跟着变。有的网站在 CSS 里指定了字体，有的使用 system-ui 跟随系统，未必会用到浏览器里选的那套字体。直接用一条全局 CSS 统一覆盖，又容易改到艺术字和图标。

我希望正文和代码能分别选字体，同时保留网页自己设计的艺术字和图标，于是做了一个「网页字体偏好」扩展。它会列出本机已安装的字体，也可以按网站关闭，恢复原来的显示。

从浏览器怎么选字体，到扩展怎样跟上网页变化，内容比较多，分成四篇来写：

1. 默认字体、system-ui 与字体回退
2. 安装字体偏好扩展与管理设置
3. 在原位置转换字体声明
4. 动态页面中的字体更新与验证

这组文章以 Chrome、Edge 为例。只想安装使用的话，可以直接看第二篇。