Inter 字体部署：从选对可变字体文件到启用 OpenType 特性

【免费下载链接】interThe Inter font family项目地址: https://gitcode.com/gh_mirrors/in/inter

Inter 是一款为计算机屏幕设计的开源无衬线字体。它的核心交付物是可变字体文件InterVariable.woff2，一个文件覆盖 Thin(100) 到 Black(900) 共 9 个字重并附带斜体，字符集涵盖拉丁、西里尔、希腊等文种，采用 SIL Open Font License 1.1 授权，可自由用于商业产品。本文围绕开发者实际会卡住的三个问题展开：该用哪个字体文件、网页上如何加载、排版特性如何打开，全部以仓库中的真实文件路径为准。

先分清字体文件：可变字体、静态字体与两种光学尺寸

所有成品字体都放在 docs/font-files/ 目录：2 个可变 woff2（InterVariable.woff2、InterVariable-Italic.woff2）、1 个InterVariable.ttf，外加 36 个静态 woff2。静态文件按家族分两组：

• Inter（文本版）：Inter-Regular.woff2至Inter-Black.woff2各字重各配一份斜体，针对小字号屏幕阅读优化；
• InterDisplay（显示版）：同名结构的 18 个文件，为大号标题调整了细节。

两族字重的粗细一致，真正的区别在光学尺寸：可变字体带opsz轴（14–32），浏览器会按当前字号自动选取合适的切面；InterDisplay-*静态文件则固定取opsz32 的那套轮廓。所谓"小字更清晰、大字不显细"，就来自这一层区分。

wght 与 opsz 两个轴：浏览器能替你处理多少

wght（100–900）与普通的font-weight用法一致，中间值还能插值出 430、620 这类非标准字重。opsz则很少有人显式碰：正文交给浏览器自动选，若某处大标题想强制走显示版轮廓，可以直接写死：

h1 { font-variation-settings: "opsz" 32; }

在网页上部署 Inter：自托管字体文件与回退策略

最小 @font-face：可变字体优先，静态字体兜底

把docs/font-files整个拷进项目的静态资源目录即可。仓库里的 docs/inter.css 已经写好了全部声明——InterVariable（可变）、Inter（静态文本）、InterDisplay（静态显示）三个家族，每档字重 100–900，并统一使用font-display: swap。手工版最小片段如下：

@font-face { font-family: 'InterVariable'; font-weight: 100 900; font-display: swap; src: url('font-files/InterVariable.woff2') format('woff2'); } :root { font-family: 'InterVariable', 'Inter', sans-serif; }

用@supports (font-variation-settings: normal)检测能力，在不支持可变字体的旧浏览器上整体切回Inter家族，是最省事的回退写法。

字重映射与请求次数

静态方案下浏览器按font-weight数值匹配具体文件；可变方案下 1 个文件覆盖全部字重。如果只面向现代浏览器，只部署可变文件，请求次数直接减到一两个；若必须兼容旧环境，保留静态文件，但只引入实际用到的字重，不要整目录全上。

打开排版细节：Inter 的 OpenType 特性

特性源码集中在 src/features/，每个.fea文件对应一个可开关项。

斜杠零、表格数字与上下文标点

日常最常用的两项：

.code { font-feature-settings: "zero" 1; } /* 零字带斜杠，区分 0 与 o */ .table { font-feature-settings: "tnum" 1; } /* 表格数字，等宽对齐成列 */

上下文替换（calt）由浏览器默认启用：引号、连字符等标点会依据相邻字形自动换形状，无需任何配置。

cv01 到 cv14：14 组单字符替换

这一组对应具体字母的备选字形，例如cv01的"1"、cv02的"4"、cv05的带尾 l、cv11的单层 a、cv12的紧凑 f。效果样例见 src/features/ 下各文件的命名（如cv11-single-storey-a.fea），网页中用font-feature-settings: "cv11" 1打开。

桌面安装与一个容易踩的版本坑

在 Windows、macOS、Linux 上安装

• Windows：右键InterVariable.ttf选择安装。装 TTF 而非 woff2，后者是 Web 格式，系统不认；
• macOS：双击.ttf用"字体册"安装；
• Linux：包管理器最省事，sudo apt install fonts-inter（Debian/Ubuntu）或brew install --cask font-inter；手动安装则把 TTF 放入~/.local/share/fonts/后执行fc-cache -f。

别用上过时的 Inter 版本

README 明确提醒：Google Fonts 上托管的 Inter 版本较旧且没有斜体。如果你的站点现在引的是那份，换成本仓库当前版本（version.txt 为 4.1）值得一次替换。授权边界也要留意：Inter 可随商业产品分发嵌入，但不能单独出售字体本身，"Inter" 是保留名称，衍生字体不可沿用。

下一步：git clone https://gitcode.com/gh_mirrors/in/inter，把docs/font-files拷进项目；在浏览器里确认各字重与斜体渲染正常；最后挑zero、tnum、cv11中的两三个，落到代码区、数据表等具体模块里验证效果。

【免费下载链接】interThe Inter font family项目地址: https://gitcode.com/gh_mirrors/in/inter