第 4 章 · Chapter 4

字体Typography

拉丁与西里尔用 Montserrat，中文用 Noto Sans SC；字号阶以 16px 为基准、比率 1.25。

4.1MontserratLatin & Cyrillic

拉丁与西里尔用 Montserrat（SIL OFL 1.1，可变字重 100–900）。字标本身是几何无衬线，Montserrat 与之同族。标题 600/700，正文 400/500，按钮 600。字体文件在 assets/fonts/，通过 fonts.css 的 @font-face 载入。

字重阶梯

100 Thin（网页包不含，浏览器合成）Greenhouse intelligence & robotics

200 ExtraLight（网页包不含）Greenhouse intelligence & robotics

300 Light（网页包不含）Greenhouse intelligence & robotics

400 Regular · 正文Greenhouse intelligence & robotics

500 Medium · 正文Greenhouse intelligence & robotics

600 SemiBold · 标题/按钮Greenhouse intelligence & robotics

700 Bold · 标题Greenhouse intelligence & robotics

800 ExtraBold（网页包不含）Greenhouse intelligence & robotics

900 Black（网页包不含）Greenhouse intelligence & robotics

字符集

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 &@#%€$£¥ ()[]{} .,;:!?«»“” — –

АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
абвгдеёжзийклмнопрстуфхцчшщъыьэюя

ÀÁÂÃÈÉÊÌÍÒÓÔÕÙÚĂĐĨŨƠ àáâãèéêìíòóôõùúăđĩũơ ƯĂẠẢẤẦẨẪẬẮẰẲẴẶ ưăạảấầẩẫậắằẳẵặ

字距

场合	字距	token	示例
标题	-0.01em	--cx-letter-spacing-heading	Part of everyday greenhouse work.
全大写小标签	+0.08em	--cx-letter-spacing-caps	Greenhouse intelligence
正文	0	--cx-letter-spacing-body	Greenhouse robots and management systems connect environmental control, task scheduling and work between crop rows.

4.2CJK 与各脚本字体栈Script stacks

字体栈按脚本而不是按语言：CSS 用 :lang() 匹配到字体族 token。每行示例用对应 lang 属性实际渲染。

脚本	字体栈	token	示例
拉丁 / 西里尔	Montserrat	--cx-font-family-sans	Greenhouse intelligence & robotics
中文	Noto Sans SC（思源黑体）→ PingFang SC → Hiragino Sans GB → Microsoft YaHei	--cx-font-family-cjk	整棚智能管理与机器人
繁体中文	Noto Sans TC / HK → PingFang TC → Hiragino Sans CNS → Microsoft JhengHei	--cx-font-family-cjk-hant	溫室智慧管理與機器人
日文	Noto Sans JP → Hiragino Sans → Yu Gothic → Meiryo	--cx-font-family-ja	温室の統合管理とロボット
韩文	Noto Sans KR → Apple SD Gothic Neo → Malgun Gothic	--cx-font-family-ko	온실 통합 관리와 로봇
阿拉伯 / 波斯	Noto Sans Arabic（IBM Plex Sans Arabic 备选）	--cx-font-family-arabic	ذكاء البيوت المحمية والروبوتات
天城文（印地）	Noto Sans Devanagari	--cx-font-family-devanagari	ग्रीनहाउस इंटेलिजेंस और रोबोटिक्स
泰文	Noto Sans Thai	--cx-font-family-thai	ระบบอัจฉริยะและหุ่นยนต์สำหรับโรงเรือน
越南文	Montserrat 本身覆盖附加符号，行高加大到 1.7	--cx-font-family-sans	Trí tuệ và robot cho nhà kính
等宽（数据、代码）	JetBrains Mono → IBM Plex Mono → SF Mono → Menlo	--cx-font-family-mono	--cx-color-navy-900: #003459;

中文标题字重 500/600（避免 700 糊成一团），正文 400。所有语言的数字统一用 Montserrat 的 tabular figures。

4.3字号阶Type scale

基准 16px，比率 1.25，单位 rem。每级按 token 实际渲染。

2xs · 11px · lh 1.4
图注、法律文本Croprix 温室机器人 · Greenhouse robots 0123

xs · 12.8px · lh 1.45
标签、eyebrowCroprix 温室机器人 · Greenhouse robots 0123

sm · 14px · lh 1.5
辅助文字、表格Croprix 温室机器人 · Greenhouse robots 0123

md · 16px · lh 1.6
正文Croprix 温室机器人 · Greenhouse robots 0123

lg · 20px · lh 1.5
导语Croprix 温室机器人 · Greenhouse robots 0123

xl · 25px · lh 1.3
H3Croprix 温室机器人 · Greenhouse robots

2xl · 31px · lh 1.2
H2Croprix 温室机器人 · Greenhouse

3xl · 39px · lh 1.15
H1Croprix 温室机器人

4xl · 49px · lh 1.1
展示标题Croprix 温室

5xl · 61px · lh 1.05
首屏Croprix

4.4行高与字距规则Leading & spacing

拉丁

行高随字号阶（见上表：正文 1.6，标题 1.05–1.3）。
标题字距 -0.01em；全大写小标签 +0.08em；正文 0。
越南文行高加大到 1.7。

CJK

正文行高统一 1.75，标题 1.3。
中文不用字距拉开；标题不用全大写、不用斜体。
CJK 与拉丁/数字之间留 0.25em 空隙（CSS text-autospace 或手写空格）；标点全角。
数字与单位之间空一个窄空格。

4.5中西混排示例Mixed-script sample

正确

Croprix 授粉、巡检、运输与植保机器人在温室行间承担日常作业。团队参与设备装配、安装调试与日常技术支持。作业路线按 1.6 m 行距规划。

错误

Croprix授粉,巡检,运输与植保机器人已在温室项目中交付使用.作业路线按1.6m行距规划.

半角标点、无空隙、字距拉开、斜体、行高过紧。

4.6数字：tabular figuresTabular numerals

所有语言的数字统一用 Montserrat 的等宽数字：font-variant-numeric: tabular-nums。表格、数据面板、时间轴对齐依赖它。

温度   24.5 °C
湿度   71.0 %
CO₂   812 ppm
灌溉  1 086 L

tabular-nums：小数点与位数对齐

温度   24.5 °C
湿度   71.0 %
CO₂   812 ppm
灌溉  1 086 L

proportional-nums：不要在数据里用