Example:字体调用 - 版本历史

2026年10月4日 (日) 12:11 Ancimen

2026-10-04T12:11:34Z

←上一版本		2026年10月4日 (日) 20:11的版本
第23行：		第23行：
	\|-		\|-
	\| JetBrains Mono Bold \|\| <code>font-mono</code> \|\| <code>/fonts/JetBrainsMono-Bold.woff2</code> \|\| 等宽西文字体，中文回落到霞鹜文楷		\| JetBrains Mono Bold \|\| <code>font-mono</code> \|\| <code>/fonts/JetBrainsMono-Bold.woff2</code> \|\| 等宽西文字体，中文回落到霞鹜文楷
			\|-
			\| Rubik Medium \|\| <code>font-rubik</code> \|\| <code>/fonts/Rubik-Medium.woff2</code> \|\| 西文字体，中文回落到霞鹜文楷
	\|}		\|}

第38行：		第40行：
	<span class="font-narrow">Narrow 效果</span>		<span class="font-narrow">Narrow 效果</span>
	<span class="font-mono">JetBrains Mono 效果 0123</span>		<span class="font-mono">JetBrains Mono 效果 0123</span>
			<span class="font-rubik">Rubik 效果</span>
	</pre>		</pre>

第56行：		第59行：
	<span class="font-narrow">Narrow 效果</span>		<span class="font-narrow">Narrow 效果</span>

	<span class="font-mono">~~JETBRAINS MONO~~ 效果 0123</span>		<span class="font-mono">JetBrains Mono 效果 0123</span>

			<span class="font-rubik">Rubik 效果</span>

	==== 默认字体对比 ====		==== 默认字体对比 ====
第81行：		第86行：
	<span class="font-narrow">Anachronism 万类天宥 000800</span>		<span class="font-narrow">Anachronism 万类天宥 000800</span>
	<span class="font-mono">Anachronism 万类天宥 000800</span>		<span class="font-mono">Anachronism 万类天宥 000800</span>
			<span class="font-rubik">Anachronism 万类天宥 000800</span>
	</pre>		</pre>

第96行：		第102行：

	<span class="font-mono">Anachronism 万类天宥 000800</span>		<span class="font-mono">Anachronism 万类天宥 000800</span>

			<span class="font-rubik">Anachronism 万类天宥 000800</span>

	==== 在模板中调用 ====		==== 在模板中调用 ====
第111行：		第119行：
	\|narrow=font-narrow		\|narrow=font-narrow
	\|mono=font-mono		\|mono=font-mono
			\|rubik=font-rubik
	\|#default=		\|#default=
	}}">{{{标题\|}}}</div>		}}">{{{标题\|}}}</div>
第137行：		第146行：
	\| <code>font-yahei</code> \|\| 微软雅黑 Bold \|\| 中文正文、需要更硬朗风格的标题		\| <code>font-yahei</code> \|\| 微软雅黑 Bold \|\| 中文正文、需要更硬朗风格的标题
	\|-		\|-
	\| <code>font-anurati</code> \|\| ~~ANURATI~~ \|\| 英文标题、装饰文字		\| <code>font-anurati</code> \|\| Anurati \|\| 英文标题、装饰文字
	\|-		\|-
	\| <code>font-milton</code> \|\| Milton Grotesque \|\| 英文标题、装饰文字		\| <code>font-milton</code> \|\| Milton Grotesque \|\| 英文标题、装饰文字
第143行：		第152行：
	\| <code>font-narrow</code> \|\| Narrow Streets \|\| 英文标题、装饰文字		\| <code>font-narrow</code> \|\| Narrow Streets \|\| 英文标题、装饰文字
	\|-		\|-
	\| <code>font-mono</code> \|\| ~~JETBRAINS MONO BOLD~~ \|\| 代码、编号、等宽数字		\| <code>font-mono</code> \|\| JetBrains Mono Bold \|\| 代码、编号、等宽数字
			\|-
			\| <code>font-rubik</code> \|\| Rubik Medium \|\| 英文标题、装饰文字
	\|}		\|}

2026年10月3日 (六) 08:28 Ancimen

2026-10-03T08:28:18Z

←上一版本		2026年10月3日 (六) 16:28的版本
第21行：		第21行：
	\|-		\|-
	\| Narrow Streets \|\| <code>font-narrow</code> \|\| <code>/fonts/NARROWSTREETSRegular.woff2</code> \|\| 西文字体，中文回落到霞鹜文楷		\| 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-milton">Milton 效果</span>
	<span class="font-narrow">Narrow 效果</span>		<span class="font-narrow">Narrow 效果</span>
			<span class="font-mono">JetBrains Mono 效果 0123</span>
	</pre>		</pre>

第52行：		第55行：

	<span class="font-narrow">Narrow 效果</span>		<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-milton">Anachronism 万类天宥 000800</span>
	<span class="font-narrow">Anachronism 万类天宥 000800</span>		<span class="font-narrow">Anachronism 万类天宥 000800</span>
			<span class="font-mono">Anachronism 万类天宥 000800</span>
	</pre>		</pre>

第88行：		第94行：

	<span class="font-narrow">Anachronism 万类天宥 000800</span>		<span class="font-narrow">Anachronism 万类天宥 000800</span>

			<span class="font-mono">Anachronism 万类天宥 000800</span>

	==== 在模板中调用 ====		==== 在模板中调用 ====
第102行：		第110行：
	\|milton=font-milton		\|milton=font-milton
	\|narrow=font-narrow		\|narrow=font-narrow
			\|mono=font-mono
	\|#default=		\|#default=
	}}">{{{标题\|}}}</div>		}}">{{{标题\|}}}</div>
第128行：		第137行：
	\| <code>font-yahei</code> \|\| 微软雅黑 Bold \|\| 中文正文、需要更硬朗风格的标题		\| <code>font-yahei</code> \|\| 微软雅黑 Bold \|\| 中文正文、需要更硬朗风格的标题
	\|-		\|-
	\| <code>font-anurati</code> \|\| ~~Anurati~~ \|\| 英文标题、装饰文字		\| <code>font-anurati</code> \|\| ANURATI \|\| 英文标题、装饰文字
	\|-		\|-
	\| <code>font-milton</code> \|\| Milton Grotesque \|\| 英文标题、装饰文字		\| <code>font-milton</code> \|\| Milton Grotesque \|\| 英文标题、装饰文字
	\|-		\|-
	\| <code>font-narrow</code> \|\| Narrow Streets \|\| 英文标题、装饰文字		\| <code>font-narrow</code> \|\| Narrow Streets \|\| 英文标题、装饰文字
			\|-
			\| <code>font-mono</code> \|\| JETBRAINS MONO BOLD \|\| 代码、编号、等宽数字
	\|}		\|}

2026年10月1日 (四) 14:16 Ancimen

2026-10-01T14:16:38Z

←上一版本		2026年10月1日 (四) 22:16的版本
第15行：		第15行：
	\|-		\|-
	\| 微软雅黑 Bold \|\| <code>font-yahei</code> \|\| <code>/fonts/MicYahei-Bold.woff2</code> \|\| 中文字体，含中文字形，可直接用于中文		\| 微软雅黑 Bold \|\| <code>font-yahei</code> \|\| <code>/fonts/MicYahei-Bold.woff2</code> \|\| 中文字体，含中文字形，可直接用于中文
			\|-
			\| Anurati \|\| <code>font-anurati</code> \|\| <code>/fonts/Anurati-Regular.woff2</code> \|\| 西文字体，中文回落到霞鹜文楷
			\|-
			\| Milton Grotesque \|\| <code>font-milton</code> \|\| <code>/fonts/MiltonGrotesque.woff2</code> \|\| 西文字体，中文回落到霞鹜文楷
			\|-
			\| Narrow Streets \|\| <code>font-narrow</code> \|\| <code>/fonts/NARROWSTREETSRegular.woff2</code> \|\| 西文字体，中文回落到霞鹜文楷
	\|}		\|}

第26行：		第32行：
	<span class="font-rogue">Roguedash 效果</span>		<span class="font-rogue">Roguedash 效果</span>
	<span class="font-yahei">微软雅黑效果</span>		<span class="font-yahei">微软雅黑效果</span>
			<span class="font-anurati">Anurati 效果</span>
			<span class="font-milton">Milton 效果</span>
			<span class="font-narrow">Narrow 效果</span>
	</pre>		</pre>

第31行：		第40行：

	<span class="font-seldom">Seldom Scene 效果</span>		<span class="font-seldom">Seldom Scene 效果</span>

	<span class="font-script">ScriptSERIF 效果</span>		<span class="font-script">ScriptSERIF 效果</span>

	<span class="font-rogue">Roguedash 效果</span>		<span class="font-rogue">Roguedash 效果</span>

	<span class="font-yahei">微软雅黑效果</span>		<span class="font-yahei">微软雅黑效果</span>

			<span class="font-anurati">Anurati 效果</span>

			<span class="font-milton">Milton 效果</span>

			<span class="font-narrow">Narrow 效果</span>

	==== 默认字体对比 ====		==== 默认字体对比 ====
第49行：		第67行：
	==== 中英混排 ====		==== 中英混排 ====

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

	<pre>		<pre>
	<span class="font-rogue">Anachronism 万类天宥 000800</span>		<span class="font-rogue">Anachronism 万类天宥 000800</span>
	<span class="font-yahei">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>
	</pre>		</pre>

第61行：		第82行：

	<span class="font-yahei">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>

	==== 在模板中调用 ====		==== 在模板中调用 ====
第72行：		第99行：
	\|rogue=font-rogue		\|rogue=font-rogue
	\|yahei=font-yahei		\|yahei=font-yahei
			\|anurati=font-anurati
			\|milton=font-milton
			\|narrow=font-narrow
	\|#default=		\|#default=
	}}">{{{标题\|}}}</div>		}}">{{{标题\|}}}</div>
第97行：		第127行：
	\|-		\|-
	\| <code>font-yahei</code> \|\| 微软雅黑 Bold \|\| 中文正文、需要更硬朗风格的标题		\| <code>font-yahei</code> \|\| 微软雅黑 Bold \|\| 中文正文、需要更硬朗风格的标题
			\|-
			\| <code>font-anurati</code> \|\| Anurati \|\| 英文标题、装饰文字
			\|-
			\| <code>font-milton</code> \|\| Milton Grotesque \|\| 英文标题、装饰文字
			\|-
			\| <code>font-narrow</code> \|\| Narrow Streets \|\| 英文标题、装饰文字
	\|}		\|}

	==== 注意事项 ====		==== 注意事项 ====

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

Ancimen：/* 参数说明 */

2026-10-01T05:47:52Z

参数说明

←上一版本		2026年10月1日 (四) 13:47的版本
第79行：		第79行：

	<pre>		<pre>
	{{历史		{{模板名字
	\|标题=万类天宥		\|标题=万类天宥
	\|字体=yahei		\|字体=yahei

2026年9月30日 (三) 08:57 Ancimen

2026-09-30T08:57:29Z

←上一版本		2026年9月30日 (三) 16:57的版本
第1行：		第1行：
	~~[[MediaWiki:Common.css]]~~

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

第15行：		第13行：
	\|-		\|-
	\| Roguedash Solid \|\| <code>font-rogue</code> \|\| <code>/fonts/Roguedash-Solid.woff2</code> \|\| 西文字体，中文回落到霞鹜文楷		\| Roguedash Solid \|\| <code>font-rogue</code> \|\| <code>/fonts/Roguedash-Solid.woff2</code> \|\| 西文字体，中文回落到霞鹜文楷
			\|-
			\| 微软雅黑 Bold \|\| <code>font-yahei</code> \|\| <code>/fonts/MicYahei-Bold.woff2</code> \|\| 中文字体，含中文字形，可直接用于中文
	\|}		\|}

第25行：		第25行：
	<span class="font-script">ScriptSERIF 效果</span>		<span class="font-script">ScriptSERIF 效果</span>
	<span class="font-rogue">Roguedash 效果</span>		<span class="font-rogue">Roguedash 效果</span>
			<span class="font-yahei">微软雅黑效果</span>
	</pre>		</pre>

第32行：		第33行：
	<span class="font-script">ScriptSERIF 效果</span>		<span class="font-script">ScriptSERIF 效果</span>
	<span class="font-rogue">Roguedash 效果</span>		<span class="font-rogue">Roguedash 效果</span>
			<span class="font-yahei">微软雅黑效果</span>

	==== 默认字体对比 ====		==== 默认字体对比 ====
第47行：		第49行：
	==== 中英混排 ====		==== 中英混排 ====

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

	<pre>		<pre>
	<span class="font-rogue">Anachronism 万类天宥 000800</span>		<span class="font-rogue">Anachronism 万类天宥 000800</span>
			<span class="font-yahei">Anachronism 万类天宥 000800</span>
	</pre>		</pre>

第56行：		第59行：

	<span class="font-rogue">Anachronism 万类天宥 000800</span>		<span class="font-rogue">Anachronism 万类天宥 000800</span>

			<span class="font-yahei">Anachronism 万类天宥 000800</span>

	==== 在模板中调用 ====		==== 在模板中调用 ====
第66行：		第71行：
	\|script=font-script		\|script=font-script
	\|rogue=font-rogue		\|rogue=font-rogue
			\|yahei=font-yahei
	\|#default=		\|#default=
	}}">{{{标题\|}}}</div>		}}">{{{标题\|}}}</div>
第74行：		第80行：
	<pre>		<pre>
	{{历史		{{历史
	\|标题=~~壅塞时代~~		\|标题=万类天宥
	\|字体=~~rogue~~		\|字体=yahei
	}}		}}
	</pre>		</pre>
第89行：		第95行：
	\|-		\|-
	\| <code>font-rogue</code> \|\| Roguedash Solid \|\| 英文标题、装饰文字		\| <code>font-rogue</code> \|\| Roguedash Solid \|\| 英文标题、装饰文字
			\|-
			\| <code>font-yahei</code> \|\| 微软雅黑 Bold \|\| 中文正文、需要更硬朗风格的标题
	\|}		\|}

	==== 注意事项 ====		==== 注意事项 ====

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

2026年9月30日 (三) 08:31 Ancimen

2026-09-30T08:31:30Z

←上一版本		2026年9月30日 (三) 16:31的版本
第50行：		第50行：

	<pre>		<pre>
	<span class="font-rogue">Anachronism ~~壅塞时代 411~~</span>		<span class="font-rogue">Anachronism 万类天宥 000800</span>
	</pre>		</pre>

	效果：		效果：

	<span class="font-rogue">Anachronism ~~壅塞时代 411~~</span>		<span class="font-rogue">Anachronism 万类天宥 000800</span>

	==== 在模板中调用 ====		==== 在模板中调用 ====

Ancimen：创建页面，内容为“MediaWiki:Common.css 本页展示 wiki 中已加载的自定义字体及其调用方式。字体通过 CSS 工具类调用，不依赖模板。 ==== 已加载字体 ==== {| class="wikitable" ! 字体 !! 工具类 !! 来源文件 !! 说明 |- | 霞鹜文楷 Medium || 无（全站默认） || `/fonts/LXGWWenKai-Medium.woff2` || 全站默认字体，无需调用 |- | Seldom Scene || `font-seldom` || /fonts/SeldomScene.woff2 2026-09-30T08:26:22Z 创建页面，内容为“MediaWiki:Common.css 本页展示 wiki 中已加载的自定义字体及其调用方式。字体通过 CSS 工具类调用，不依赖模板。 ==== 已加载字体 ==== {| class="wikitable" ! 字体 !! 工具类 !! 来源文件 !! 说明 |- | 霞鹜文楷 Medium || 无（全站默认） || <code>/fonts/LXGWWenKai-Medium.woff2</code> || 全站默认字体，无需调用 |- | Seldom Scene || <code>font-seldom</code> || <code>/fonts/SeldomScene.woff2</code…” 新页面 [[MediaWiki:Common.css]] 本页展示 wiki 中已加载的自定义字体及其调用方式。字体通过 CSS 工具类调用，不依赖模板。 ==== 已加载字体 ==== {| class="wikitable" ! 字体 !! 工具类 !! 来源文件 !! 说明 |- | 霞鹜文楷 Medium || 无（全站默认） || <code>/fonts/LXGWWenKai-Medium.woff2</code> || 全站默认字体，无需调用 |- | Seldom Scene || <code>font-seldom</code> || <code>/fonts/SeldomScene.woff2</code> || 西文字体，中文回落到霞鹜文楷 |- | ScriptSERIF || <code>font-script</code> || <code>/fonts/ScriptSERIF-ripTRASH.woff2</code> || 西文字体，中文回落到霞鹜文楷 |- | Roguedash Solid || <code>font-rogue</code> || <code>/fonts/Roguedash-Solid.woff2</code> || 西文字体，中文回落到霞鹜文楷 |} ==== 完整调用示例 ==== 给任意元素加上对应的类名即可： <pre> Seldom Scene 效果 ScriptSERIF 效果 Roguedash 效果 </pre> 效果： Seldom Scene 效果 ScriptSERIF 效果 Roguedash 效果 ==== 默认字体对比 ==== 不写任何类名时，使用的是全站默认字体： <pre> 默认字体效果 Default 123 </pre> 效果： 默认字体效果 Default 123 ==== 中英混排 ==== 三款新字体均为西文字体，中文字符会自动回落到霞鹜文楷： <pre> Anachronism 壅塞时代 411 </pre> 效果： Anachronism 壅塞时代 411 ==== 在模板中调用 ==== 内容展示类模板可以通过参数切换字体。例如： <pre> <div class="{{#switch:{{{字体|}}} |seldom=font-seldom |script=font-script |rogue=font-rogue |#default= }}">{{{标题|}}}</div> </pre> 调用： <pre> {{历史 |标题=壅塞时代 |字体=rogue }} </pre> ==== 参数说明 ==== {| class="wikitable" ! 工具类 !! 对应字体 !! 用途 |- | <code>font-seldom</code> || Seldom Scene || 英文标题、装饰文字 |- | <code>font-script</code> || ScriptSERIF || 英文标题、装饰文字 |- | <code>font-rogue</code> || Roguedash Solid || 英文标题、装饰文字 |} ==== 注意事项 ==== * 三款新字体均不含中文字形，中文字符会回落到霞鹜文楷。 * 字体文件路径统一为 <code>/fonts/</code>，文件名区分大小写。 * 新增字体时，先在 <code>MediaWiki:Common.css</code> 里加 <code>@font-face</code>，再加变量和工具类。 * 调用时只需加类名，不要在行内写 <code>font-family</code>。

Example:字体调用 - 版本历史

2026年10月4日 (日) 12:11 Ancimen

2026年10月3日 (六) 08:28 Ancimen

2026年10月1日 (四) 14:16 Ancimen

Ancimen：​/* 参数说明 */

2026年9月30日 (三) 08:57 Ancimen

2026年9月30日 (三) 08:31 Ancimen

Ancimen：/* 参数说明 */