分享：代码块中的“自定义等宽英文字体”，以及对指定网站的个性化设置

[F9y4ng]

不定期更新等宽字体的应用

请在以下列表中选择你需要的站点添加至这里，如果您可提供新的站点定义请回复本贴，我会定期更新至列表。

@github.com###copilot-chat-textarea-preview
@.notion.so##div.notion-code-block *
@bbs.kafan.cn##div[id^='code_'] *
@www.wolai.com##div[data-block-type='code'] *
@greasyfork.org##.diff *
@www.w3schools.com##.w3-code *
@www.jb51.net##body div .syntaxhighlighter *
@www.cnblogs.com##.syntaxhighlighter *
@www.runoob.com##.example_code,.example_code *
@www.yuque.com##.ne-code,.ne-code *
@ost.51cto.com###result [class*=language-],.prettyprint *,div[class*=language-] *
@github.io##.line-numbers *

自定义等宽字体工具介绍

在访问一些技术型网站时，通常会遇到<pre>, <code>包括的代码块，网站通常会使用代码着色、ESlint代码检查等等高级功能，对于字体而言，每个网站均有不同。为了使用户可以统一等宽字体的渲染，自定义等宽字体工具诞生了。

• 字体渲染（自用脚本）内置了针对等宽英文字体的个性化渲染设置。在默认情况下，等宽字体渲染功能时关闭的，你需要通过打开自定义等宽字体工具开启该功能。

  如果您需要自定义等宽字体的渲染，请勿轻易删除排除渲染的HTML标签中的,pre,pre *,code,code *

1. 开启自定义等宽字体控制面板

2. 在自定义等宽字体设置界面关闭开关即可

• 开启等宽字体渲染后，在用户未自定义等宽字体时，脚本将默认使用脚本内置的等宽字体规则。当用户按填写要求提供自定义等宽英文字体时，优先使用用户定义的字体。注意：此时中文字体将直接调用你设定的中文字体。

• 等宽字体针对OpenType字体提供了高级属性font-feature-setting的设置功能。

• 等宽字体应用的根域及元素规则 （不定期更新，自取自用）
  在日常使用时，并非全部网站都使用<pre>或<code>来定义代码块，部分网站使用其他的元素来定义代码块时，默认的规则将失效。为解决此问题，脚本新增了针对特殊网站的设置：点这里查看常用代码型网站的兼容代码。

自定义等宽字体的下载

点击这里，获取推荐的英文等宽字体。

[Xia0xia0Xia0]

我推荐一个卡饭的代码块：

@bbs.kafan.cn##div[id^='code_'] *

[F9y4ng]

感谢分享😀

[popokcn]

分享一个宝塔面板中在线编辑器的规则
@example.com###ace_editor

不知道前面域名可不可以模糊查找，应该用了ace_editor这个编辑器的，都需要等宽吧

[F9y4ng]

等宽字体默认规则已包含该编辑器，无需重复添加，感谢你的建议。

[wshizhx]

请添加一下飞牛OS，docker 查看日志的，也是不能正常显示
代码是这一段 div dir="ltr" class="terminal xterm xterm-dom-renderer-owner-1"

[F9y4ng]

请添加一下飞牛OS，docker 查看日志的，也是不能正常显示
代码是这一段 div dir="ltr" class="terminal xterm xterm-dom-renderer-owner-1"

没有本地环境只能靠猜了，添加以下代码试试看，其中URL替换为你的本地访问地址，如有端口号也需要加上，不包含http(s)://。

@URL##.terminal *