Design System

Typography 字体样本

自托管字体(src/styles/fonts.css,清单见 docs/FONT_MANIFEST.json)。正文仍使用可读的 --font-sans; 手写体仅用于台词、便签等短句装饰。每组按 :lang() 切换实际 family,日文字体恒在首位以避免中文字体吞掉日文字形。

主句 / 台词 --font-dialogue

短句台词与引言装饰(手写体,禁用于整段正文)

简体 NaniFont Regular · 繁体 清松手写体5 · English Reenie Beanie · 日文 Yomogi

简体中文 zh-Hans

把好奇心写成现实。窗边、创作、草地与天空。

繁體中文 zh-Hant

窗邊創作,草地天空,一起聽歌。

English en

Same sky. Same feelings.

日本語 ja

夢のつづきを、またどこかで。サターン。

便签 / 本子 / 杯面 --font-note

更随性的便签与手账标注(手写体,仅短句)

简体 悠哉 Yozai · 繁体 辰宇落雁体 · English Nothing You Could Do · 日文 Yusei Magic

简体中文 zh-Hans

把好奇心写成现实。窗边、创作、草地与天空。

繁體中文 zh-Hant

窗邊創作,草地天空,一起聽歌。

English en

Same sky. Same feelings.

日本語 ja

夢のつづきを、またどこかで。サターン。

导航 / 章节 / 按钮 --font-ui

界面导航与章节标题,300 细重

简体 思源黑体 SC 300 · 繁体 思源黑体 TC 300 · English Outfit 300 · 日文 Zen Kaku Gothic New 300

简体中文 zh-Hans

把好奇心写成现实。窗边、创作、草地与天空。

繁體中文 zh-Hant

窗邊創作,草地天空,一起聽歌。

English en

Same sky. Same feelings.

日本語 ja

夢のつづきを、またどこかで。サターン。

Logo 花体(占位) --font-logo

仅为占位:正式字标仍是 hairflow 管线生成的小写 molamaker 路径字标

Homemade Apple (Apache-2.0)

简体中文 zh-Hans

molamaker(Logo 占位仅拉丁字母)

繁體中文 zh-Hant

molamaker(Logo 占位仅拉丁字母)

English en

Same sky. Same feelings.

日本語 ja

molamaker(Logo 占位仅拉丁字母)

正文对照 --font-sans

正文只使用可读的 --font-sans(思源黑体 Light + 系统回退栈),不使用手写体。

简体中文 zh-Hans把好奇心写成现实。窗边、创作、草地与天空。

繁體中文 zh-Hant窗邊創作,草地天空,一起聽歌。

English enSame sky. Same feelings.

日本語 ja夢のつづきを、またどこかで。サターン。