字体检查台

上传字体，检查变量轴和字符

选完字体就能预览标题和正文，调整变量轴，并复制可用的 CSS 片段。

上传即看

轴可直接调

CSS 直接用

上传

本地处理

上传字体，直接开看

上传后会先在浏览器里加载字体，再读取轴和字符信息，不经过服务端。

当前文件未选择

把字体文件拖进来，或者点击选择字体文件。

字体信息

字体概览

上传字体后，这里会显示字族、样式、glyphs、字符数和 units/em 等元数据。

轴信息

变量轴

上传变量字体后，这里会出现轴列表和命名实例。

实时样张

看标题、正文和字符细节

直接判断这套字放进真实页面后顺不顺手。

字体预览静态字体等待上传

标题样张

当前变量设置

normal

品牌 Aa 123

预览控制

预览文字

字号72px

行高1.06

字距-0.01em

正文样张

今天 10:30，团队确认了新版首页文案：标题要清楚，按钮要利落，说明文字要读起来顺。Version 2.0 includes 0123456789 and common punctuation.

字符抽样

上传后会显示这个字体里实际收录的字符抽样

字符库

这个字体里都有什么字

支持按字符或 `U+` 编码搜索，点一下字符就能复制。

暂无字符数据全部字符已显示 0 个

上传字体后，这里会列出当前字体收录的字符。

CSS 输出

复制后就能接进项目

这里会生成 `@font-face` 和当前轴设置对应的 CSS。

@font-face {
  font-family: "Uploaded Font";
  src: url("./your-font.woff2") format("woff2");
  font-display: swap;
}

.font-preview {
  font-family: "Uploaded Font", sans-serif;
  font-size: 72px;
  line-height: 1.06;
  letter-spacing: -0.01em;
}