替换网页字体

Greasy Fork is available in English.
替换网页字体

替换网页的字体
当前为 2025-12-10 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name        替换网页字体
// @author      ai
// @version     2.42
// @match       *://*/*
// @run-at      document-start
// @grant       GM_addStyle
// @grant       GM_getValues
// @grant       GM_getValue
// @grant       GM_setValues
// @grant       GM_setValue
// @grant       GM_listValues
// @grant       GM_addValueChangeListener
// @grant       GM_registerMenuCommand
// @grant       GM_unregisterMenuCommand
// @description 替换网页的字体
// @namespace http://greasyfork.icu/users/22620
// ==/UserScript==

(function() {
    'use strict';
    const DEFAULT_CONFIG = {
        font: '微软雅黑',
        exclusions: '',
        enabled: true
    };
    class FontManager {
        constructor() {
            if(!GM_listValues().length) GM_setValues(DEFAULT_CONFIG);
            GM_listValues().forEach(key => {
                GM_addValueChangeListener(key, () => {
                    this.config = this.getConfig();
                    if (key === "enabled") this.updateMenu();
                    this.applyFont();
                })
            });
            this.config = this.getConfig();
            if (window.top === window) this.initMenu();
            this.styleElement = GM_addStyle(this.generateCSS(this.config.font));
            this.getWebFonts();
        }
        getConfig() {
            return GM_getValues(DEFAULT_CONFIG)
        }
        saveConfig(key, value) {
            if (GM_getValue(key) === value) return;
            GM_setValue(key, value);
        }
        async getWebFonts() {
            await document.fonts.ready;
            const fonts = new Set();
            document.fonts.forEach(font => fonts.add(`"${font.family}"`));
            this.WebFonts = [...fonts].join(',');
            this.applyFont();
        }
        generateCSS(font) {
            let exclusions = 'i,[class*="ico"],[class*="emoji"],[class*="fa-"],[class*="symbol"]';
            if (this.config.exclusions) exclusions = `${exclusions},${this.config.exclusions}`
            return  `
                @scope (body) to (${exclusions}) {
                    * {
                        font-family: ${font} !important;
                    }
                }
            `;
        }
        applyFont() {
            if (this.config.enabled) {
                const font = this.WebFonts ? `${this.config.font}, ${this.WebFonts}` : this.config.font;
                this.styleElement.textContent = this.generateCSS(font);
            } else {
                this.styleElement.textContent = '';
            }
        }
        initMenu() {
            this.menuCommands = new Map();
            this.updateMenu();
        }
        updateMenu() {
            this.menuCommands.forEach(id => GM_unregisterMenuCommand(id));
            this.menuCommands.clear();
            this.menuCommands.set('enabled', GM_registerMenuCommand(
                this.config.enabled ? '❌ 禁用字体替换' : '✅ 启用字体替换',
                () => this.saveConfig("enabled", !this.config.enabled)
            ));
            this.menuCommands.set('font', GM_registerMenuCommand('🖋️ 配置字体名称', 
                () => this.promptConfig('font', '请输入新的字体名称')
            ));
            this.menuCommands.set('exclusions', GM_registerMenuCommand('🚫 配置排除元素列表',
                () => this.promptConfig('exclusions', '请输入新的排除元素选择器')
            ));
            this.menuCommands.set('reset', GM_registerMenuCommand('🗑️ 恢复默认设置',
                () => this.resetToDefault()
            ));
        }
        promptConfig(type, promptText) {
            const current = this.config[type];
            const newValue = prompt(`${promptText}:\n(用逗号分隔，例如: ${type === 'font' ? '"微软雅黑", system-ui' : 'i, [class*="ico"]'})`, current);
            if (newValue) this.saveConfig(type, newValue);
        }
        resetToDefault() {
            if (confirm('确定要将所有配置恢复为默认值吗？')) GM_setValues(DEFAULT_CONFIG);
        }
    }
    new FontManager();
})();