字体系统是 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 常用字符集
  • 英文字体需覆盖基本拉丁字符和常用符号
  • 代码字体需明确区分 0O1lI{}[]() 等易混淆字符