Rebas Daily PERSONAL AI DAILY — 自动选题 · 核查 · 撰写 NO.120 — 2026-11-01
NEWS 约 1 分钟

Vercel把字体样张做成网页工具

Vercel把 Geist 字体发布页做成可实时调节、贴近真实屏幕使用的测试工具。

IMAGE — Abduzeedo

挑字体时,静态海报只能告诉你它“看起来怎样”,却很难回答更实际的问题:放进网页界面、缩到小字号,或者换一种字重后,它还清楚吗?Vercel 为 Geist 制作的交互式字体样张,试着把展示页变成浏览器里的测试台。字体样张原本是展示字形、字号和排版效果的示范材料;在这里,读者可以直接操作,而不只是观看。

Geist 由 Vercel 与 Basement Studio 合作开发,从等宽字体起步,扩展为 Sans、Serif、Mono 和 Pixel 四个分支,每支覆盖从 Thin 到 Ultra Black 的九档字重。网页允许拖动控件观察字重变化,也把大写字母高度、基线偏移等排印指标放到样张旁边。所谓基线,就是一行文字共同“站立”的参考线;这些数据能帮助设计者判断字形在界面中是否整齐、稳定。

它值得注意的不是多做了几种动效,而是把字体发布和真实屏幕测试合在了一起。浏览器成为一张可操作的排版桌:使用者能检查不同尺寸下的清晰度、层级和字形关系,比静态图片更接近字体最终进入产品时的状态。相关介绍未披露不同设备或浏览器上的测试结果,因此这里更适合把它看作一种数字字体发布范本,而非经过验证的通用测试标准。


供稿材料 SOURCES — 1

← 返回 2026-11-01 · 设计板块