字体系统是 Alius 信息传达的核心载体。不同场景应使用不同层级的字体,确保可读性和专业性。
字体分层
Display / 品牌展示字体
用于官网大标题、品牌页面、宣传图。
- 风格:现代、简洁、有工程感
- 字重:Bold / Semi-Bold
- 适用场景:首页 Hero、产品名称、品牌口号
UI / 界面字体
用于客户端、控制台、配置页、按钮、表单。
- 风格:清晰、中性、高可读性
- 字重:Regular / Medium
- 适用场景:按钮文字、表单标签、状态文本、导航菜单
Docs / 文档字体
用于长文档阅读。
- 风格:舒适、稳定、适合长时阅读
- 字重:Regular
- 适用场景:文档正文、说明段落、教程内容
Mono / 代码字体
用于 CLI、代码块、配置文件、日志、终端输出。
- 风格:等宽、清晰、区分度高
- 字重:Regular
- 适用场景:代码块、命令行、配置项、版本号
字号体系
标题层级:
- H1 — 页面主标题,仅使用一次
- H2 — 章节标题,分割主要内容块
- H3 — 子章节标题
- H4 — 更细分标题,谨慎使用
正文层级:
- Body — 主要内容文本
- Small — 辅助说明、注释
- Caption — 图片说明、脚注
行高与字间距
- 正文行高建议 1.6–1.8 倍,确保长文阅读舒适
- 标题行高建议 1.2–1.4 倍,保持紧凑感
- 字间距保持默认,不额外增加或减少
- 中文与英文/数字混排时注意对齐基线
选型原则
- 优先选择开源、可商用、跨平台稳定的字体
- 中文字体需覆盖 GB2312 常用字符集
- 英文字体需覆盖基本拉丁字符和常用符号
- 代码字体需明确区分
0O、1lI、{}[]()等易混淆字符