一个修改浏览器默认字体的油猴脚本

字体

如 [[一款简约的 Obsidian 主题#字体]] 中描述的那样，字体精美与否在很大程度上影响网上冲浪的爽感。编辑中是如此，浏览器中更是如此。

LXGW · 落霞与孤鹜齐飞，秋水共长天一色这款字体是真的精美，它是我主机上应用的默认替代字体（如果应用支持设置自定义字体）。下载并安装到本地即可。

⏳ 下载链接: https://pan.baidu.com/s/1lcAxCOVd5wJNXDlLozcSSA ，提取码: 6666

在 Google Chrome 中，输入 chrome://settings/fonts ，可以修改浏览器的默认字体。但这种方式是“强”侵入式的，它适用于每一个页面，你甚至不能设置个白名单来过滤指定页面。当你要开发一个新的页面时，你就不得不重新改回其默认的设置字体。

综上，我们需要这样一种方式：

通过脚本注入样式代码，修改页面默认字体；
可以设置白名单过滤指定页面。

脚本

这里，我们通过油猴 | Tampermonkey 可以很容易实现上面这两点。脚本内容如下：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26


// ==UserScript==
// @name         Active LXGW Font
// @namespace    http://tampermonkey.net/
// @version      2024-04-11
// @description  try to take over the world!
// @author       You
// @match        https://*/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=qzxdp.cn
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // ⚙️ 设置你想使用的字体
    const fonts = "'Code New Roman', 'LXGW WenKai GB Screen R', 'segoe UI Emoji'";

    let ele = document.querySelector('head');
    var styl = document.createElement("style");
    styl.innerText = `
    *:not(i) {
        font-family: ${fonts} !important;
    }
    `;
    ele.appendChild(styl);
})();

在油猴中运行上述脚本即可。当你想要把当前页面加入到白名单中时，只需要点击插件图标，排除对应站点即可，如下：

![[assets/Pasted image 20240412172042.png]]

效果

附一份修改字体前后的页面对比，以被我吐槽多次的 Gitee 页面为例。

> 修改前

![[assets/Pasted image 20240412173230.png]]

> 修改后

![[assets/Pasted image 20240412173033.png]]