Type Inspector

上传字体直接看效果

看变量轴、字符覆盖和实时预览。合适就复制 CSS 去用。

本地加载可调轴查字符

上传即看

支持 TTF、OTF、WOFF、WOFF2，选完就能看。

轴可直接调

字重、宽度这些常见轴，拖一下就能试。

CSS 直接用

生成 CSS，复制后就能接进项目。

Upload

本地处理

上传字体，直接开看

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

当前文件No file

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

Font Info

字体概览

Family

Style

Glyphs

Characters

Units / EM

Asc / Desc

Axes

变量轴

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

Live Specimen

看标题、正文和字符细节

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

Font PreviewStaticWaiting for upload

Display

当前 variation settings

normal

Quartz horizons shape tomorrow's interface.

Preview Controls

Sample Text

Size72px

Line Height1.06

Tracking-0.01em

Body

Sphinx of black quartz, judge my vow. A good specimen should reveal rhythm, spacing, punctuation, numerals, and the little details that decide whether a font feels polished in real UI work.

Character Sample

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

Character Library

这个字体里都有什么字

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

No Character Data0 Visible

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

CSS Output

复制后就能接进项目

这里会生成 `@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;
}