LOCAL FONT LAB

字体文件预览与字形检查

安装前预览 TTF、OTF、WOFF、WOFF2，读取字体名称、版本、作者、许可、OpenType 特性与字符覆盖，搜索字形并生成 PNG 样张。字体只在当前浏览器加载。

海豹建站 Flooc 2026 字体预览 Aa Bb Cc 0123456789

上传 TTF、OTF、WOFF 或 WOFF2 字体后开始预览。

GLYPH MAP

字形表

上传可解析的 TTF、OTF 或 WOFF 后显示字形。
WOFF2 可预览，但字形表需要原始字体文件。

预览不等于许可

字体能在浏览器显示，只说明文件可读取。商业项目、Logo、应用嵌入、电子书、印刷和再分发可能是不同授权。metadata 缺失或写着 Free，也不能代替原始许可文件。

为什么要看字符覆盖

英文字体常缺少中文，图标字体可能只有私用区字符。上线前用真实中文、数字、货币符号和品牌名称预览，再检查字形表，避免浏览器静默回退到另一套字体。

WOFF2 与源字体

WOFF2 面向网页压缩，浏览器通常能直接渲染，但设计和审计仍更适合保留 TTF/OTF 源文件。网页部署时还要设置正确 MIME、缓存、CORS、font-display 和实际字重。

RELATED TOOLS

接着处理

查看全部工具 →
颜色对比度检查检查字体颜色与背景是否清晰可读。CSS Clamp 生成器为网页排版生成响应式字号。字数统计检查文案长度、字符与阅读时间。图片尺寸调整继续处理导出的字体样张。

USE & REVIEW

字体文件预览与字形检查常见问题

查看全部工具指南 →

上传的字体文件会离开浏览器吗？

不会。字体通过本地对象 URL 和 FontFace 加载，TTF、OTF、WOFF 元数据及字形由浏览器内的解析器读取，PNG 样张也由 Canvas 本地生成。刷新、清空或关闭页面后临时字体会被释放。

TTF、OTF、WOFF 和 WOFF2 有什么区别？

TTF 和 OTF 常作为设计、桌面与源字体，OTF 可能使用 TrueType 或 CFF 轮廓；WOFF/WOFF2 面向网页传输，包含压缩与 Web 字体封装。当前工具可预览四种格式，完整字形和 metadata 解析以 TTF、OTF、WOFF 最稳定，WOFF2 建议同时保留源字体核对。

字体能预览是否说明可以商用？

不说明。技术上能加载与法律上能使用是两回事。请检查原始许可、购买记录和使用范围，特别是 Logo、App/游戏嵌入、Webfont、电子书、印刷、视频和文件再分发；字体内写的 license 字段只是线索，不是自动授权。

为什么输入中文后有些字变成另一种字体或方框？

字体可能没有对应 Unicode 字形，浏览器会回退到系统字体，找不到任何字形时才显示方框。应在字符覆盖与字形表中搜索实际中文、货币符号、品牌字符和标点，不能只用英文字母判断一套字体是否适合中文页面。

OpenType 特性标签 liga、kern、ss01 是什么？

liga 表示常见连字，kern 表示字距调整，ss01 等通常是样式替代集。工具列出字体表中读取到的标签，但是否生效取决于具体字形、浏览器、CSS font-feature-settings 和语言环境；标签存在不代表每个字符都有替代效果。

生成的 @font-face 可以直接上线吗？

它只是基础模板。上线前要把路径、font-family、font-weight、font-style 和 format 改成真实值，确认服务器 MIME、CORS 与缓存头，并考虑 font-display、字体子集和预加载。还要用目标浏览器检查文字回退、CLS 和文件体积。