Example:字体调用：修订间差异

2026年10月3日 (六) 16:28的版本

本页展示 wiki 中已加载的自定义字体及其调用方式。字体通过 CSS 工具类调用，不依赖模板。

已加载字体

字体	工具类	来源文件	说明
霞鹜文楷 Medium	无（全站默认）	`/fonts/LXGWWenKai-Medium.woff2`	全站默认字体，无需调用
Seldom Scene	`font-seldom`	`/fonts/SeldomScene.woff2`	西文字体，中文回落到霞鹜文楷
ScriptSERIF	`font-script`	`/fonts/ScriptSERIF-ripTRASH.woff2`	西文字体，中文回落到霞鹜文楷
Roguedash Solid	`font-rogue`	`/fonts/Roguedash-Solid.woff2`	西文字体，中文回落到霞鹜文楷
微软雅黑 Bold	`font-yahei`	`/fonts/MicYahei-Bold.woff2`	中文字体，含中文字形，可直接用于中文
Anurati	`font-anurati`	`/fonts/Anurati-Regular.woff2`	西文字体，中文回落到霞鹜文楷
Milton Grotesque	`font-milton`	`/fonts/MiltonGrotesque.woff2`	西文字体，中文回落到霞鹜文楷
Narrow Streets	`font-narrow`	`/fonts/NARROWSTREETSRegular.woff2`	西文字体，中文回落到霞鹜文楷
JetBrains Mono Bold	`font-mono`	`/fonts/JetBrainsMono-Bold.woff2`	等宽西文字体，中文回落到霞鹜文楷

完整调用示例

给任意元素加上对应的类名即可：

<span class="font-seldom">Seldom Scene 效果</span>
<span class="font-script">ScriptSERIF 效果</span>
<span class="font-rogue">Roguedash 效果</span>
<span class="font-yahei">微软雅黑效果</span>
<span class="font-anurati">Anurati 效果</span>
<span class="font-milton">Milton 效果</span>
<span class="font-narrow">Narrow 效果</span>
<span class="font-mono">JetBrains Mono 效果 0123</span>

效果：

Seldom Scene 效果

ScriptSERIF 效果

Roguedash 效果

微软雅黑效果

Anurati 效果

Milton 效果

Narrow 效果

JETBRAINS MONO 效果 0123

默认字体对比

不写任何类名时，使用的是全站默认字体：

<span>默认字体效果 Default 123</span>

效果：

默认字体效果 Default 123

中英混排

西文字体不含中文字形，中文字符会自动回落到霞鹜文楷；微软雅黑含中文字形，中英文都生效：

<span class="font-rogue">Anachronism 万类天宥 000800</span>
<span class="font-yahei">Anachronism 万类天宥 000800</span>
<span class="font-anurati">Anachronism 万类天宥 000800</span>
<span class="font-milton">Anachronism 万类天宥 000800</span>
<span class="font-narrow">Anachronism 万类天宥 000800</span>
<span class="font-mono">Anachronism 万类天宥 000800</span>

效果：

Anachronism 万类天宥 000800

在模板中调用

内容展示类模板可以通过参数切换字体。例如：

<div class="{{#switch:{{{字体|}}}
    |seldom=font-seldom
    |script=font-script
    |rogue=font-rogue
    |yahei=font-yahei
    |anurati=font-anurati
    |milton=font-milton
    |narrow=font-narrow
    |mono=font-mono
    |#default=
}}">{{{标题|}}}</div>

调用：

{{模板名字
|标题=万类天宥
|字体=yahei
}}

参数说明

工具类	对应字体	用途
`font-seldom`	Seldom Scene	英文标题、装饰文字
`font-script`	ScriptSERIF	英文标题、装饰文字
`font-rogue`	Roguedash Solid	英文标题、装饰文字
`font-yahei`	微软雅黑 Bold	中文正文、需要更硬朗风格的标题
`font-anurati`	ANURATI	英文标题、装饰文字
`font-milton`	Milton Grotesque	英文标题、装饰文字
`font-narrow`	Narrow Streets	英文标题、装饰文字
`font-mono`	JETBRAINS MONO BOLD	代码、编号、等宽数字

注意事项

西文字体均不含中文字形，中文字符会回落到霞鹜文楷。
微软雅黑含中文字形，中英文都生效。
字体文件路径统一为 /fonts/，文件名区分大小写。
新增字体时，先在 MediaWiki:Citizen.css 里加 @font-face，再加变量和工具类。
调用时只需加类名，不要在行内写 font-family。

@@ 第21行： / 第21行： @@
 |-
 | Narrow Streets || <code>font-narrow</code> || <code>/fonts/NARROWSTREETSRegular.woff2</code> || 西文字体，中文回落到霞鹜文楷
+|-
+| JetBrains Mono Bold || <code>font-mono</code> || <code>/fonts/JetBrainsMono-Bold.woff2</code> || 等宽西文字体，中文回落到霞鹜文楷
 |}
@@ 第35行： / 第37行： @@
 <span class="font-milton">Milton 效果</span>
 <span class="font-narrow">Narrow 效果</span>
+<span class="font-mono">JetBrains Mono 效果 0123</span>
 </pre>
@@ 第52行： / 第55行： @@
 <span class="font-narrow">Narrow 效果</span>
+<span class="font-mono">JETBRAINS MONO 效果 0123</span>
 ==== 默认字体对比 ====
@@ 第75行： / 第80行： @@
 <span class="font-milton">Anachronism 万类天宥 000800</span>
 <span class="font-narrow">Anachronism 万类天宥 000800</span>
+<span class="font-mono">Anachronism 万类天宥 000800</span>
 </pre>
@@ 第88行： / 第94行： @@
 <span class="font-narrow">Anachronism 万类天宥 000800</span>
+<span class="font-mono">Anachronism 万类天宥 000800</span>
 ==== 在模板中调用 ====
@@ 第102行： / 第110行： @@
      |milton=font-milton
      |narrow=font-narrow
+    |mono=font-mono
      |#default=
 }}">{{{标题|}}}</div>
@@ 第128行： / 第137行： @@
 | <code>font-yahei</code> || 微软雅黑 Bold || 中文正文、需要更硬朗风格的标题
 |-
-| <code>font-anurati</code> || Anurati || 英文标题、装饰文字
+| <code>font-anurati</code> || ANURATI || 英文标题、装饰文字
 |-
 | <code>font-milton</code> || Milton Grotesque || 英文标题、装饰文字
 |-
 | <code>font-narrow</code> || Narrow Streets || 英文标题、装饰文字
+|-
+| <code>font-mono</code> || JETBRAINS MONO BOLD || 代码、编号、等宽数字
 |}