calcom/sans-ui

这是什么？

核心功能

• 01可调字重、GEOM 几何风格、上升部高度、锐度和斜体等可变轴。
• 02光学尺寸固定在 10pt 界面字形。
• 03通过 OpenType 特性提供 20 个 stylistic sets 和 42 个字符变体。
• 04以 npm 包发布，附带 CSS 文件和 Next.js 本地字体封装。
• 05垂直比例与 Inter、Roboto 等常见界面字体接近。

适用场景

• 在 Web 应用或设计系统中设置 14–15px 的正文和界面文字。
• 在产品界面中替换 Inter 或 Roboto，且无需调整按钮和输入框尺寸。
• 在 Next.js App Router 项目中自托管可变字体。
• 在支持字体特性的设计工具中使用自定义默认值和 OpenType 特性。

快速上手

1. 1

   从 npm 安装该包

   npm i @calcom/cal-sans-ui
2. 2

   在应用中导入样式表，并将字体族设为 "Cal Sans Text UI"

使用前须知

• !元数据中未识别到许可证，但 README 称其采用 SIL 开源字体许可证，使用前请自行核实许可证。
• !它针对 14–15px 界面文字优化，标题和展示字号更适合使用完整的 Cal Sans 字体。
• !在 Next.js 中使用需要 Next.js 13.2 或更高版本作为对等依赖。

标签

常见问题

sans-ui 是什么？

Cal Sans v2 的界面版可变字体，针对高分屏上 14–15px 的界面文字优化。 Cal Sans Text UI 是 Cal Sans v2 字体的界面版本，由 Mark Davis 为 Cal.com 设计。字重、GEOM 几何风格、上升部高度、锐度和带绘制的 9.5° 斜体均可调节，光学尺寸轴固定在 10pt 界面字形上，主要面向 14–15px 的界面文字，在高分屏上表现最佳。

sans-ui 可以免费使用吗？用的什么许可证？

sans-ui 以 Other 许可证开源。用于商业产品前，请先确认许可证条款。

sans-ui 还在维护吗？

活跃维护中。sans-ui 最近一次提交是在 2026年10月6日。

sans-ui 适合用来做什么？

在 Web 应用或设计系统中设置 14–15px 的正文和界面文字。 在产品界面中替换 Inter 或 Roboto，且无需调整按钮和输入框尺寸。 在 Next.js App Router 项目中自托管可变字体。 在支持字体特性的设计工具中使用自定义默认值和 OpenType 特性。

sans-ui 怎么安装和运行？

从 npm 安装该包: npm i @calcom/cal-sans-ui 在应用中导入样式表，并将字体族设为 "Cal Sans Text UI"

在哪里获取 sans-ui？

源代码和安装说明在 GitHub 上：https://github.com/calcom/sans-ui