内容提要
Vercel 发布 Geist 字体家族新成员 Geist Serif,这是一款高对比度展示衬线字体,适用于标题、海报等大字号场景。它与 Geist Sans 共享字高和宽度,可无缝混排,并带可变轴,提供圆点、方形、三角、心形四种变体。目前仅有 Regular 一款,含 894 个字形,支持 352 种语言,未来将扩展字重、文本版、斜体及西里尔文支持。
延伸解读
定位:展示字体,而非正文
Geist Serif 目前只有 Regular 一款,且被明确设计为展示字体,适用于标题、海报等大字号场景。文章指出,印刷品难以承载极细的发丝线和尖锐衬线,而现代高密度屏幕可以。因此,它并非为长文阅读优化,现阶段也不适合直接替代正文字体。
与 Geist Sans 的混排兼容性
Geist Serif 与 Geist Sans 共享大写高度(710)和 x 高度(530),且竖干宽度、字宽和姿态一致。这意味着在同一布局中混用 Sans、Mono、Pixel 和 Serif 时,文字视觉大小不会跳动,无需调整行高或基线。对于已使用 Geist 系统的项目,引入衬线标题的成本较低。
可变轴与四种点形变体
Geist Serif 的可变轴名为 Element Shape(ELSH),用于替换字体中所有点的形状,包括 i、j 上的点和标点。提供 Regular(圆点)、Square、Triangle(致敬 Vercel 标志)和 Heart 四种变体,每种也有独立静态文件。使用时可通过 font-variation-settings 选择变体,适合需要统一视觉符号的品牌场景。
当前规格与后续路线
首发版本含 894 个字形、5 个样式集(ss01–ss05),支持 352 种拉丁文字语言,并调整了超过 52,000 个字距对。后续计划包括 Thin 到 Black 的可变字重、文本版、斜体以及西里尔文支持,并将在发布后登陆 Google Fonts。现阶段若需要多字重或正文排版,仍需等待后续版本。
Q&A
Geist Serif 是什么?它和 Geist Sans 有什么关系?
Geist Serif 是 Vercel 推出的 Geist 字体家族新成员,是一款高对比度展示衬线字体,适用于标题、海报等大字号场景。它与 Geist Sans 共享相同的字高(大写高度和 x 高度)和宽度,因此可以无缝混排,混用时每个单词看起来大小一致。
Geist Serif 目前有哪些字重和变体?
目前 Geist Serif 只有 Regular 一款字重,但提供四种变体:Regular(圆点,默认)、Square(方形)、Triangle(三角形,致敬 Vercel 标志)和 Heart(心形)。这些变体通过可变轴 Element Shape (ELSH) 切换,每个变体也有独立的静态文件。
Geist Serif 支持多少种语言和字形?
Geist Serif 包含 894 个字形,支持 352 种拉丁文字语言,并调整了超过 52,000 个 kerning 对来优化间距。未来计划增加西里尔文支持,并登陆 Google Fonts。
如何在项目中使用 Geist Serif?
Geist Serif 与家族其他字体在同一个 npm 包中,可通过 `npm i geist` 安装。它提供多个导出和 CSS 变量,例如 `GeistSerif`(可变字体,所有形状)对应 `--font-geist-serif`,以及 `GeistSerifRegular`、`GeistSerifSquare` 等独立入口,方便按需引入。在代码中可这样使用:`import { GeistSerifRegular } from 'geist/font/serif/regular';` 然后在布局中应用其变量。
Geist Serif 的设计灵感来自哪里?
Geist Serif 的设计灵感来自时尚、编辑设计和杂志标题,是对《滚石》和《时尚芭莎》背后艺术家的致敬。它不同于许多科技品牌借鉴复古电脑广告的做法,而是走向编辑印刷风格。每个 Geist 字体都对应一段字体历史:瑞士设计运动、早期终端和 DOS 计算,以及现在的编辑印刷。
Geist Serif 未来会有什么更新?
未来 Geist Serif 将扩展字重范围(从 Thin 100 到 Black 900 的可变字体),开发文本版本(通过铸造工具加粗展示轮廓),构建斜体(用 Python 规则生成),增加西里尔文支持以匹配 Geist Sans 和 Geist Mono,并在发布后登陆 Google Fonts。