全局滚动条美化 & 字体修改

全局字体美化,滚动条美化,支持自定义字体、自定义规则

目前為 2023-08-11 提交的版本,檢視 最新版本

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

作者
subframe7536
評價
0 0 0
版本
1.0.11
建立日期
2023-08-08
更新日期
2023-08-11
尺寸
14.4 KB
授權條款
MIT
腳本執行於
所有網站

全局滚动条美化 & 字体修改

  • 强制使用浏览器的 monospace 和 sans-serif 字体,并可添加自定义样式
    • Chrome/Edge:设置 - 外观 - 自定义字体
  • 美化滚动条和字体显示

自定义配置

/**
 * 需要修改字体的域名的黑名单
 *
 * @example ['font']
 */
const BLOCKLIST = [];
/**
 * 字体修改的规则
 * type: [pattern, callback]
 *
 * @example
 * ```
 * [
 *   ['w3cschools.com', () => {
 *     addCodeFont('.w3-code *')
 *   }],
 *   ['yuque.com', () => {
 *     //...
 *   }],
 * ]
 * ```
 */
const SITEMAP = [];
/**
 * 普通字体
 *
 * @default 'sans-serif'
 */
const SANS = ''
/**
 * 等宽字体
 *
 * @default 'monospace'
 */
const MONO = ''
/**
 * 等宽字体 font-feature-settings 设置
 *
 * @default "calt"
 */
const MONO_SETTING = ''

工具

const logger = consola

function loadStyles(style?: string)

function loadStyleAtHTML(property: string, value: string)

function addCSS(selectors: string | string[], styles: string | string[])

function addCodeFont(...selectors: string[])

function addSansFont(...selectors: string[])