SS 工具箱
SS 工具箱
所有数据均在本地处理

字体预览:上传 TTF/WOFF/WOFF2,不用安装就能看字形

选一个本地字体文件,直接在浏览器里把轮廓渲染成 SVG,不用先把字体装进系统。可以粘贴字体覆盖的任何字符——拉丁、中日韩或符号——逐字查看字形;文本会自动去重并去掉空白,所以看到的是字形表,不是排版样张。

这个字体预览能看到什么,又有哪些它不做

  1. 上传即看,不用安装

    选择 .ttf、.woff 或 .woff2 文件就能立刻预览,系统字体列表里不会多出任何东西,文件也不会离开本机。

  2. 逐字形渲染成 SVG

    fontkit 在浏览器里解析字体、排版文本,再把每个字形轮廓转成 SVG path,看到的是字体本身的曲线,而不是浏览器回退字体。

  3. 字体覆盖哪种文字都能看

    粘贴拉丁、中文、日文、韩文或符号字符均可,字体里有对应字形就画出来,没有的字形则不会显示。

  4. 一次一个字体,结果会被覆盖

    文件选择器只读取第一个文件,每次点预览都会清空上一张字形表。换字体很快,但没有多字体并排对比。

  5. 是字形查看器,不是排版校对工具

    没有字号、字重、行高、字间距控件。每个字形固定在 50×50 的方框里,viewBox 硬编码为 1200×1200、基线偏移按约 1000 unitsPerEm 调的,所以其他设计比例的字体可能显得偏大、偏小或位置偏移。

字体预览常见问题

支持预览哪些字体格式?

TTF、WOFF 和 WOFF2,也就是文件选择器接受的三种扩展名。用 fontkit 2.0.4 实测:同一字体转成 TTF、WOFF、WOFF2 后渲染出的轮廓完全一致。OTF 不在选择器里,虽然 fontkit 本身能读 OTTO/CFF 字体。

能预览系统里已经安装的字体吗?

不能。页面没有系统字体列表,也没有 @font-face 注册,唯一输入是你上传的本地文件。也正因为不安装,它只是单个字体文件的查看器,不能像 Font Book 那样浏览已安装的字体库。

可以调哪些参数?

只能改预览文字。没有字号、字重、行高、字间距、对齐或颜色控件,也不合成粗体和斜体——看到的就是文件里固有的字重。

支持多语言字符集对比吗?

可以输入或粘贴字体覆盖的任何文字,但没有预设的语言字符集,也不能两种字体并排对比。重复字符会自动合并、所有空白都会被删掉,所以预览的是字符集而不是连续文本;阿拉伯语等复杂文字也不校验连写和字距。

大体积中文字体加载表现如何?

能正常用。本机用 fontkit 实测:20.9 MB、60455 个字形的中文字体解析加排版在毫秒级完成,内存约 117 MB,而且只有你输入的字会被转成 SVG。不过整个文件仍会读进内存,没有进度条,也没有体积上限。

是纯本地处理吗?

是。解析和 SVG 生成全部在你的浏览器里由 fontkit 完成,字体文件不会上传,也没有任何网络请求,处理有授权的字体不必担心外泄。

为什么预览效果和设计软件不一样?

因为它呈现的是字形表:每个字形都画在独立的 50×50 SVG 方框里,忽略 advance width、字偶距和连字定位;viewBox 固定为 1200×1200,基线偏移按约 1000 unitsPerEm 设定(这里实测的字体用的是 2048 和 256,所以可能偏小、偏大或偏移)。字体文件损坏时只会在控制台留下未处理的错误,页面上不显示任何内容。

相关工具
赞助MindElixir