☰

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

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

当前为 2023-08-08 提交的版本，查看 最新版本。

如何安装

您需要先安装一个扩展，例如 篡改猴、Greasemonkey 或 暴力猴，之后才能安装此脚本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 Userscripts ，之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey，才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！）

作者
subframe7536
评分
0 0 0
版本
1.0.8
创建于
2023-08-08
更新于
2023-08-08
大小
10.6 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 = ''

工具方法

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[])