该文章未提交审核, 请编辑完成后提交审核。
该文章未通过审核,感谢您对字由的贡献。
该文章正在审核中,通过后将会自动显示在字说字话页面。
TTF、OTF、WOFF2:字体文件格式怎么选
下载同一款字体,常常会看到一列选项:TTF、OTF、WOFF、WOFF2,偶尔还有个 TTC。文件名不同,装进电脑里的效果看着一样,体积却差好几倍。有人顺手选了一个,结果网页上加载不动,或者设计软件里字重列表乱了。
格式之间的区别主要在三处:字形数据的组织方式、是否压缩、以及被哪些环境支持。弄清这三点,选格式就不是碰运气,而是按用途对号入座。
一、四种格式的技术差异
TTF(TrueType Font)。 字形用二次贝塞尔曲线描述,是一种较早也相当通用的轮廓格式,Windows 与 macOS 都能直接安装。缺点是纯字体文件体积偏大,中文字体动辄十几兆。
OTF(OpenType Font)。 用三次贝塞尔曲线描述轮廓,曲线更平滑,同精度下节点更少。它的一大优势是功能表更完整,支持连字、小型大写字母、更丰富的字形替换规则。多数设计软件对 OTF 支持良好。
WOFF。 面向网页的封装格式,本质是把 TTF 或 OTF 压缩打包并附上元数据,体积通常降到原始格式的六成左右。压缩率有限,现在已较少作为网页的主要格式。
WOFF2。 WOFF 的改进版,换用压缩率更高的算法,体积一般能压到 TTF 的三成上下,中文字体还能更明显。现代浏览器基本都支持,是当前网页端的主流选择。
TTC(TrueType Collection)。 字体集合格式,把同一家族的多个字重装进一个文件,共享相同的字形数据,因此比分开存多个文件省空间。它适合系统内置字体,不太适合按需加载的网页场景——浏览器通常只需其中一个字重,加载整个集合是浪费。
还有一个容易被忽略的变量:可变字体。 单个文件内含连续的轴,例如字重轴从 100 到 900,理论上一个文件替代九个。体积比单字重略大,但比九个静态文件小很多,适合需要在多字重间切换的界面。
二、体积与兼容性怎么权衡
体积大致排序: 静态 TTF 与字体集合偏大,OTF 略小,WOFF 更小,WOFF2 明显偏小。中文字体覆盖两万多个汉字,任何格式都不算轻,网页端必须配合裁剪或子集化才实用。
兼容性大致排序: TTF 与 OTF 覆盖面宽,系统与桌面软件通吃;WOFF2 在桌面软件里支持弱、在浏览器里支持好;WOFF 居中,可作为老浏览器的兜底。
一个稳妥的组合是:本地设计稿与系统安装用 TTF 或 OTF,网页端用 WOFF2 加 WOFF 兜底。同一套字体维护两份格式,是常见做法。
三、按场景选:设计软件
需要高级排版功能时选 OTF。 用到连字、花体替换、小型大写字母,或需要扩展字符集时,OTF 的功能表更完整。
中文正文也可以用 TTF。 中文字体里的 OTF 有时把多个字重塞进一个文件,反而让软件的字重菜单变乱。只用到常规与粗体两档时,TTF 更轻便。
家族命名要统一。 同一家族的不同字重文件,家族名应保持一致,否则在设计软件的下拉里会变成一堆互不相干的条目。装之前看一眼名称字段。
可变字体适合界面项目。 需要在滑块上连续调字重,或做动态排版效果时,一个可变字体文件比堆多个静态文件更好管理。
四、按场景选:网页
WOFF2 作为主格式。 在 CSS 的 @font-face 里用 format 声明格式,让浏览器按支持情况挑选。
保留一份 WOFF 兜底。 主要服务于较老的浏览器。若统计里这部分流量占比很低,可以省掉,减少维护成本。
配上子集化。 中文字体不能整包上网页。把页面用到的字符挑出来重新生成字体,体积能从十几兆降到几十到几百 KB。
回退字体栈要写全。 字体加载完成前和加载失败后都要有系统字体接住,否则会出现长时间空白或布局跳动。
五、按场景选:系统安装与打包分发
系统安装用 TTF 或 OTF。 Windows 与 macOS 都能直接双击安装。TTC 多为系统预置字体使用,个人安装后在部分软件里可能只识别到其中一个字重。
打包分发先看授权。 把字体文件随设计源文件一起发给客户,属于再分发行为,多数协议不允许。可行做法是只交付导出的图片或 PDF,把用到的字体与授权情况列成清单附上。
嵌入文档时留意子集化选项。 导出 PDF 时选择嵌入字体并勾选子集化,只嵌用到的字符,能明显减小文件体积。
下面几款字体在多种格式下都有发布,适合作为格式选择的参照样本。
1. 思源黑体
- 风格:开源无衬线体,字腔开阔,字重梯度完整。
- 适配场景:网页正文、界面、需要多字重与可变字体的项目。
- 授权类型:SIL OFL 可商用可修改
- 字体详情:点击查看字体详情及预览效果
- 使用提示:该字体已收录于字由客户端,可在字由内一键激活调用,无需单独下载安装文件。
2. 思源宋体
- 风格:开源衬线体,横细竖粗对比克制。
- 适配场景:长文阅读页、电子出版物。
- 授权类型:SIL OFL 可商用可修改
- 字体详情:点击查看字体详情及预览效果
- 使用提示:该字体已收录于字由客户端,可在字由内一键激活调用,无需单独下载安装文件。
3. MiSans
- 风格:现代无衬线体,西文与数字设计完整。
- 适配场景:中英混排界面、数字密集的表格与看板。
- 授权类型:免费可商用
- 字体详情:点击查看字体详情及预览效果
- 使用提示:该字体已收录于字由客户端,可在字由内一键激活调用,无需单独下载安装文件。
4. 阿里巴巴普惠体
- 风格:中性黑体,笔画端部平直,字形规整。
- 适配场景:通用正文与标题,跨格式发布需求多。
- 授权类型:免费可商用
- 字体详情:点击查看字体详情及预览效果
- 使用提示:该字体已收录于字由客户端,可在字由内一键激活调用,无需单独下载安装文件。
5. 霞鹜文楷
- 风格:基于开源楷体改造,笔画轻盈、结构端正。
- 适配场景:文艺向网页正文、内容型站点。
- 授权类型:SIL OFL 可商用可修改
- 字体详情:点击查看字体详情及预览效果
- 使用提示:该字体已收录于字由客户端,可在字由内一键激活调用,无需单独下载安装文件。
授权说明
免费可商用通常指:可以在商业项目中输出该字体的图形结果,例如海报、包装、网站页面,一般不包括转卖字体文件、打包分发,或改换名称后二次发布。
开源协议(如 SIL OFL)范围更宽,允许修改字形并再分发,衍生版本需更换字体名称。用于网页时还要留意服务器端许可与访问统计,部分厂商对页面访问量有约定。
不同格式的字体文件,授权状态是一致的。换格式不等于改变授权范围,把 TTF 转成 WOFF2 上传到站点,仍然受原协议约束。
字由客户端把授权信息直接挂在字体详情页,可按免费商用、会员商用等类型筛选。下载字由客户端可免费领取试用会员,590 多款会员商用字体与 3600 多款免费商用字体不限量使用,累计收录 10500 多款。
常见问题解答
Q1:把 TTF 直接转成 WOFF2,需要授权允许吗?
转换本身属于格式处理,多数协议不禁止。但转换不改变授权范围,原协议不允许的用途,转成 WOFF2 后仍然不允许。转换时的中间文件,建议随字体文件一起放好。
Q2:网页只发 WOFF2 可以吗?
多数现代浏览器都支持,只发 WOFF2 是常见做法。若站点要照顾较老的浏览器,补一份 WOFF 作为兜底更稳妥。
Q3:装了同一款字体的多个字重,软件里却只显示一个,为什么?
常见原因是文件名与内部名称不一致,或安装时被系统合并成集合。检查名称字段里的家族名与字重名是否完整,再重新安装。
小结
格式选择看三件事:轮廓与功能表决定它适合什么软件,压缩方式决定它多大,浏览器与系统支持决定它能不能用。
落到执行上:设计和系统安装优先 OTF,中文字体若只用常规与粗体两档,TTF 更轻便;网页主格式选 WOFF2,视情况补一份 WOFF;字体集合适合系统预置,不适合按需加载。中文字体上网页前先做子集化,同时把回退字体栈写完整。
同一款字体在不同格式下的授权状态相同。想省去反复下载与格式确认的步骤,可以在字由客户端里筛选后一键激活,设计软件中直接调用。
版权声明:{{article.isOrigin?'本文系字由用户的原创内容,未经许可不得以任何形式进行转载':'本文转载自互联网,如有问题请通过意见反馈与我们联络'}}