字体格式转换
把桌面字体转成网页字体,或把网页字体转回可以安装的字体。上传TTF、OTF、WOFF、WOFF2及更早的格式,选择目标格式,还可以精简字符集,让字体文件在网站上加载得更快。
字体转换器
或将TTF, OTF, WOFF … 文件拖放到此处 ·
单个文件最大 95 MB· 最多 20 个文件· 30 分钟后删除
文件在我们的服务器上处理,并在 30 分钟后删除。
去掉您用不到的文字,可把网页字体从数百 KB 缩小到 30 KB 以下。要安装到电脑上的字体请保留所有字符。
粘贴字体必须覆盖的文字或字符,例如徽标文字或标题。其余内容都会被删除。
字体提示可让小字在 Windows 屏幕上更清晰。移除后网页字体通常可节省 10–30%;自动提示会为没有提示的字体添加提示。
留空则保留原名。重命名后,可把转换后的字体与原字体一起安装而不冲突。
例如 Regular、Bold、Italic。留空则保留原样式名称。
使用方法
- 1
添加字体文件
最多可拖入 20 个字体,每个不超过 95 MB。TTF、OTF、WOFF、WOFF2、EOT、SVG 字体、TTC 字体集、Mac dfont 文件以及 Type 1 的 PFB/PFM/AFM 文件可以混在同一批里处理。
- 2
选择目标格式
转换为 默认选中 WOFF2,这是网站用的体积最小的格式。若要在 Windows 或 macOS 上安装字体,请选择 TTF 或 OTF。展开高级设置,可以裁剪字符、调整字体微调、修改字体族名称,或开启附带 @font-face CSS。
- 3
转换并下载
点击转换为 WOFF2(按钮文字会随你的选择变化),然后逐个保存文件,或打包成 ZIP 下载。上传的字体和转换结果会在 30 分钟后从服务器删除。
桌面字体与网页字体:TTF、OTF、WOFF和WOFF2
TrueType 由苹果公司开发,1991 年随 System 7 发布;一年后微软为 Windows 3.1 获得授权。OpenType 由微软和 Adobe 于 1996 年发布,在其基础上加入了 PostScript 轮廓和排版特性,现在也以 ISO/IEC 14496-22 开放字体格式(Open Font Format)发布。如今安装到电脑上的字体都是这两种之一,保存为 .ttf 或 .otf。
网络字体是同样的数据,只是为下载做了压缩。WOFF 1.0 于 2012 年成为 W3C 推荐标准,用 zlib 压缩每个字体表。WOFF2 于 2018 年同样成为 W3C 推荐标准:它采用 Brotli,并对字形数据做预处理,据 Google 测算比 WOFF 小约 30%。Chrome、Edge、Firefox 和 Safari 的当前版本都支持 WOFF2,所以转换为默认选它。
如果你从网站拿到了 WOFF2,需要在 Word、Figma 或 Photoshop 中使用,可以反向转换,用 WOFF转TTF 或 WOFF2转TTF。对于自行托管的网站,几乎所有情况下你需要的都是 TTF转WOFF2。
| from ↓ · to → | TTF | OTF | WOFF | WOFF2 | EOT | SVG |
|---|---|---|---|---|---|---|
| TTF | TTF to TTF: yes | TTF to OTF: yes | TTF to WOFF: yes | TTF to WOFF2: yes | TTF to EOT: yes | TTF to SVG: yes |
| OTF | OTF to TTF: yes | OTF to OTF: yes | OTF to WOFF: yes | OTF to WOFF2: yes | OTF to EOT: yes | OTF to SVG: yes |
| WOFF | WOFF to TTF: yes | WOFF to OTF: yes | WOFF to WOFF: yes | WOFF to WOFF2: yes | WOFF to EOT: yes | WOFF to SVG: yes |
| WOFF2 | WOFF2 to TTF: yes | WOFF2 to OTF: yes | WOFF2 to WOFF: yes | WOFF2 to WOFF2: yes | WOFF2 to EOT: yes | WOFF2 to SVG: yes |
| EOT | EOT to TTF: yes | EOT to OTF: yes | EOT to WOFF: yes | EOT to WOFF2: yes | EOT to EOT: yes | EOT to SVG: yes |
| SVG | SVG to TTF: yes | SVG to OTF: yes | SVG to WOFF: yes | SVG to WOFF2: yes | SVG to EOT: yes | SVG to SVG: yes |
| TTC | TTC to TTF: yes | TTC to OTF: yes | TTC to WOFF: yes | TTC to WOFF2: yes | TTC to EOT: yes | TTC to SVG: yes |
| PFB | PFB to TTF: yes | PFB to OTF: yes | PFB to WOFF: yes | PFB to WOFF2: yes | PFB to EOT: yes | PFB to SVG: yes |
子集化、hinting与@font-face选项详解
| 设置 | 选项 | 作用 | 适合修改的情形 |
|---|---|---|---|
| 保留字符 | 所有字符、基本拉丁字母、拉丁字母 + 重音符号、西里尔字母、希腊字母、越南语、仅我输入的字符 | 删除所选文字以外的字形 | 字体用于只使用一两种文字的网站 |
| 要保留的字符 | 自由输入文本,最多 5,000 个字符 | 只保留你粘贴的字符 | 标志、标题或数字显示只需要少量字形 |
| 保留连字和字距调整 | 开启(默认)或关闭 | 为保留的字母保留 fi/fl 连字和字距对 | 需要再省下最后几 KB,并能接受较松的间距 |
| 字体微调 | 保持不变、移除、自动提示 | 保留、去除或生成让轮廓对齐像素网格的指令 | 用于高密度屏幕的网络字体选“移除”;Windows 上未做微调的字体选“自动提示” |
| 附带 @font-face CSS | 开启或关闭 | 添加一个 .css 文件,内含指向该字体的现成规则 | 需要手动把字体加入网站 |
| 字体族名称 / 样式名称 | 各最多 63 个字符 | 改写字体内部保存的名称 | 转换后的副本需要与原字体并存安装 |
裁剪字符是缩小文件体积的主力。一个涵盖拉丁、希腊、西里尔和越南语的字体族可能有 1,000 多个字形,而纯英文网站只需不到 100 个。拉丁字母 + 重音符号是西欧和中欧语言的稳妥选择,因为它包含 é、ñ、ø、ł 等基本拉丁字母没有的字符。凡是要安装到电脑上的字体,请保持所有字符,否则缺失的字形之后会显示为空框。
字体微调在低分辨率的 Windows 屏幕上最重要。在手机和 Retina 屏幕上,它的可见效果很小,所以移除后通常能让网络字体缩小 10% 至 30%。SVG 输出会忽略微调和裁剪选项,因为 SVG 字体保存的是普通路径轮廓。CSS 选项适用于 WOFF、WOFF2、EOT 和 TTF 目标格式。
转换前先了解字体授权
- 只转换你有权使用的字体;请在字体附带的授权协议(EULA)中查找“web”“嵌入”或“自行托管”等字样。
- 桌面授权很少涵盖把字体放到公开网站上,因为网络字体可被每位访客下载。
- SIL Open Font License 字体可以自由转换和提供,但带有保留字体名称(Reserved Font Name)的字体一经修改就不能沿用该名称,而 OFL 常见问题将裁剪字符视为修改。请填写字体族名称来重命名。
- Windows 或 macOS 自带的字体只授权在该系统上使用,不得作为网络字体再分发。
- 请保留原始文件:转换器不会修改你上传的文件,但改名或裁剪后的副本不能代替有授权的母版。
让转换后的字体顺利安装和加载
| 建议 | 避免 |
|---|---|
| 选择拉丁字母 + 重音符号、你需要的文字,或在字母显示为方框时选所有字符;选仅我输入的字符时,也要把标点和数字写进去 | 双击 WOFF、WOFF2 或 SVG 文件来安装;Windows 会提示这不是有效的字体 |
| 要安装到 Windows 的字体,请转换为 TTF 或 OTF;系统安装程序只接受这两种格式 | 在修改过的副本上保留原来的内部字体族名称,否则它会在字体菜单中替换原字体 |
| 把字体族名称设为类似“Inter Web”的名称,这样转换后的副本可以与原字体并存安装 | 从将在旧 Windows 电脑上以小字号阅读的字体中移除微调信息 |
| 手动微调做得好的字体选保持不变,从未做过微调的字体选自动提示 | 在没有 CORS 头的情况下从其他源提供网络字体;浏览器会下载它,然后忽略它 |
让 @font-face 规则中的 src 路径和 format("woff2") 与你上传的文件一致 |
字体格式转换常见问题
购买的字体可以合法转换格式吗?
转换文件只是技术操作,转换后的字体能怎么用要看授权许可。许多桌面字体的授权只允许安装在一定数量的电脑上,不包括在网站上提供字体,网站使用通常需要另外购买网络字体授权。采用 SIL Open Font License 的字体(如大部分 Google Fonts 字体)可以转换并自行托管。
TTF和OTF有什么区别?
TTF 保存的是用二次曲线绘制的 TrueType 轮廓;OTF 通常保存用三次曲线绘制的 PostScript(CFF)轮廓。两者在 Windows 和 macOS 上的安装方式相同,也都能包含连字等 OpenType 特性。两者互转时会重新绘制曲线,在正常字号下看不出差别。
字体转换为WOFF2会损失质量吗?
不会。WOFF2 只是对同一份 TrueType 或 OpenType 数据做了压缩封装,浏览器会把它还原成原始轮廓。字形、字距和特性都完全一致,只是下载体积变小。
WOFF或WOFF2文件能安装到电脑上吗?
Windows 和 macOS 都不能直接安装 WOFF 或 WOFF2。请先用 WOFF2转TTF 转成 TTF 或 OTF,再双击转换后的文件安装。
网站还需要EOT或SVG字体吗?
只有很老的浏览器才需要。EOT 是 Internet Explorer 6 至 8 所需的格式,而 IE 9 已经支持 WOFF。SVG 字体在 2014 年被 Chrome 移除,Firefox 也从未支持,所以现代的 @font-face 规则只需 WOFF2,再可选 WOFF 作为备用。
为什么转换后的网页字体仍有几百KB?
字体仍然包含设计时涵盖的所有文字:一个泛欧字体族可能带有你根本用不到的拉丁、希腊、西里尔和越南语字形。把保留字符设为你页面用到的文字,并把字体微调设为“移除”,两者结合往往能让文件缩小一半以上。
可以转换可变字体吗?
可以。把可变 TTF 转成 WOFF2 会保留其变化轴,一个文件仍然涵盖所有字重。裁剪字符同样会保留变化轴,消失的只是被删除的字符。
全部字体格式转换工具
选择对方要求的具体目标即可。下面每个页面都是同一个工具,只是默认设置不同。
- OTF转TTF在线转换将OpenType OTF字体转换为TrueType TTF,适用于只认TTF的软件。了解三次曲线和PostScript微调的变化,以及何时需要自动微调。
- TTF转OTF字体格式转换将TrueType TTF字体转换为采用CFF轮廓的OpenType OTF。二次曲线可精确转换为三次曲线;了解字体微调和OpenType特性会受到哪些影响。
- TTF转SVG转换器将TrueType字体转换为SVG字体,每个字形都以SVG路径数据保存,适用于图标字体工具、Inkscape和旧版网页字体包。转换前请先了解两者的区别。
- TTF转WOFF转换器将TrueType字体封装为WOFF 1.0,适配Internet Explorer 9–11、旧款电子书阅读器和老旧CMS主题。了解何时仍值得提供WOFF备用字体。
- TTF转WOFF2转换器将TrueType字体转换为Brotli压缩的WOFF2网页字体,并生成可直接使用的@font-face规则。可选拉丁字符或自定义子集,进一步减小下载体积。
- WOFF转OTF字体格式转换将WOFF网页字体转换为OpenType OTF。CFF类型的WOFF可原样解包;TrueType类型的会改写为三次曲线。转换前先确认你的字体属于哪种。
- WOFF转TTF字体格式转换将WOFF 1.0网页字体解压为可安装的TrueType TTF文件,适用于旧网页字体包、网站备份或图标字体包。每批最多20个字体。
- WOFF2转TTF转换器将WOFF2网页字体解包为TrueType TTF文件,供Windows、macOS、Word和Figma使用。了解部分网页字体转换后为何缺字。