# 字体文件检视器（TTF / OTF / WOFF / WOFF2）

上传 TTF、OTF、WOFF 或 WOFF2 字体文件（WOFF2 自动解压），检视完整元数据：家族/子族/设计师/版权/版本、字形数、unitsPerEm、字重与宽度级别、斜体角度、风格标志、包围盒；按 Unicode 区块统计覆盖热力图；渲染字形 SVG 预览（可自定义文本，图标字体自动采样）；列出 GSUB 连字（liga）与 OpenType 特性；可变字体显示 fvar 轴与命名实例。

> 标准页面: https://elysiatools.com/zh/tools/font-file-inspector

- **分类:** Design

- **关键词:** 字体, ttf, otf, woff2, 字形, unicode, 可变字体, opentype 特性

## 概述

解析基于 opentype.js 2.0（2.x 的 names 表按平台拆分为 macintosh/windows，值形如 {en:…}，此处做双平台回退）；WOFF2 先经 wawoff2（Google woff2 的 WebAssembly 移植）解压为 sfnt 再解析。风格标志取自 OS/2.fsSelection（italic 0x1、bold 0x20、regular 0x200、oblique 0x400）与 head.macStyle；连字通过展开 GSUB lookupType 4 的 coverage（format 1 glyph 数组 / format 2 区间）映射 ligatureSets 提取；可变字体读取 fvar.axes（tag/min/default/max）与 fvar.instances。Unicode 区块覆盖按 cmap.glyphIndexMap（十进制码点字符串键）归类统计。TTC 字体集合不支持。

## 输入项

- **字体文件（TTF / OTF / WOFF / WOFF2）** (file): Upload a .ttf, .otf, .woff or .woff2 file
- **字形预览文本（留空 = 自动采样）** (text): e.g. AaBb 0123 汉字 — leave empty to auto-sample mapped glyphs

## 适用场景

- 需要核对字体家族、设计师、版权、版本、字重、宽度级别和风格标志时。
- 需要查看 Unicode 区块覆盖、GSUB 连字（liga）或 OpenType 特性是否满足排版时。
- 需要用指定文本预览字形轮廓，或验收 WOFF2、可变字体的轴与命名实例时。

## 工作原理

- 上传单个 TTF、OTF、WOFF 或 WOFF2 文件（不超过 15 MB）；WOFF2 会先解压为 sfnt 再解析。
- 可选填写字形预览文本；留空则自动采样已映射码点，图标字体同样自动采样。
- 解析后展示元数据、Unicode 区块覆盖热力图、字形 SVG 预览、liga 连字与 OpenType 特性。
- 若为可变字体，额外列出 fvar 轴（tag、最小值、默认值、最大值）以及命名实例。

## 使用案例

- 设计交付前核对字体家族、字重、风格标志与版权信息。
- 检查多语言排版所需的 Unicode 覆盖、liga 连字和 OpenType 特性。
- 对比 TTF/OTF 源文件与 WOFF2 网页字体的元数据和字形预览是否一致。

## 常见问题

### 支持哪些字体格式？

支持 TTF、OTF、WOFF 和 WOFF2。WOFF2 会自动解压后再解析。不支持 TTC 字体集合。

### 字形预览文本留空会怎样？

按已映射码点自动采样并生成 SVG 预览；图标字体会对已映射码点自动采样。

### 能看到哪些元数据？

家族/子族、设计师、版权、版本、字形数、unitsPerEm、字重与宽度级别、斜体角度、风格标志和包围盒。

### 可变字体显示哪些信息？

显示 fvar 轴的 tag、最小值、默认值、最大值，以及命名实例。

### 单个文件有大小限制吗？

有，单个字体文件上限为 15 MB。

## 相关工具

- [无障碍合规检测器](https://elysiatools.com/zh/tools/accessibility-checker): 检测 HTML、网页或设计稿图片中的常见 WCAG 2.1 问题，并给出可直接修复的建议
- [SVG 精简与分析工具](https://elysiatools.com/zh/tools/svg-minifier-analyzer): 分析 SVG 标记，移除冗余元素，缩小体积，直观看到前后差异，并导出清理后的文件
- [SVG转WebP转换器](https://elysiatools.com/zh/tools/svg-to-webp): 将SVG矢量图形转换为WebP光栅格式，支持现代压缩和透明度
- [玻璃拟态 / 新拟态 CSS 片段生成器](https://elysiatools.com/zh/tools/glassmorphism-css-snippet-builder): 端到端生成磨砂玻璃（glassmorphism）或新拟态（neumorphism）的完整 CSS 片段：调节模糊、饱和度、色调不透明度、圆角、边框、外阴影与顶部高光；可选 SVG feTurbulence 颗粒噪点叠加与 @supports 不支持降级；自动附带 -webkit-backdrop-filter 前缀（Safari 18 以下必需）与 Tailwind 类映射（含 v3/v4 差异提示），并在渐变背景上实时预览成品卡片。
- [图片透明度水印工具](https://elysiatools.com/zh/tools/image-watermark-opacity): 为图片添加具有自定义透明度的水印，支持文字和图片水印，具有高级透明度控制功能
- [音频和弦进行检测器](https://elysiatools.com/zh/tools/audio-chord-progression-detector): 在本地估算音频中的和弦顺序，并以 ZIP 下载 CSV、JSON、SVG 时间线和方法说明。
- [音频旋律轮廓提取器](https://elysiatools.com/zh/tools/audio-melody-contour-extractor): 从音频中提取主导旋律，并在一个 ZIP 中导出 MIDI、音符事件、音高轮廓、SVG 和 JSON。
- [Data URI 生成器](https://elysiatools.com/zh/tools/data-uri-generator): 将文件转换为 Data URI（Base64 或百分号编码），用于直接在 HTML、CSS 或 Markdown 中内联图片、字体等资源

## 示例

- [SVG示例](https://elysiatools.com/zh/samples/svg-samples): 可缩放矢量图形（SVG）示例，展示各种SVG功能和技术
- [SVG 查看器样本](https://elysiatools.com/zh/samples/svg-viewer-samples): 用于浏览器内 SVG 查看器的样本矢量图
- [XML 示例](https://elysiatools.com/zh/samples/xml-samples): XML（可扩展标记语言）格式示例，从简单到复杂结构
- [XML 查看器样本](https://elysiatools.com/zh/samples/xml-viewer-samples): 用于浏览器内 XML 查看器的样本文件

## 相关内容

- [文本分析、可读性与内容检查工具](https://elysiatools.com/zh/hubs/text-analyze): 在一个专题中比较文本统计、语言识别、可读性评分、情感分析、内容审核和模式分析工具。
- [文本大小写、编码与规范化转换工具](https://elysiatools.com/zh/hubs/text-convert): 在一个专题中比较文本大小写转换、全半角转换、编码转换、Quoted-Printable 处理和行内文本规范化工具。
- [Text 工具专题](https://elysiatools.com/zh/hubs/text-utility): 探索 33 个围绕 text 的 utility 工作流工具，快速找到相近能力。
- [文本脱敏、高亮与展示格式化工具](https://elysiatools.com/zh/hubs/text-format): 在一个专题中比较文本脱敏、PII 检测、电话号码规范化、重点高亮、居中排版和 diff 格式化工具。