字体文件格式怎么选:TTF、OTF、TTC、WOFF2 和可变字体
目录
电脑上装的字体和网页上用的字体,常见的就下面几种。先看扩展名,再决定怎么用。
装在电脑上用的格式
| 格式 | 扩展名 | 说明 |
|---|---|---|
| TrueType | .ttf |
最常见,Windows、macOS、Linux 都能直接安装。 |
| OpenType | .otf、.ttf |
在 TrueType 基础上扩展而来,能放更多字符和排版功能(如连字、竖排、各地区字形)。轮廓可以是 TrueType 曲线,也可以是 PostScript(CFF)曲线,后者通常存成 .otf。 |
| 字体集合 | .ttc、.otc |
一个文件里装了多款字体。例如思源黑体的完整版就是一个集合文件,里面有简体、繁体、日文、韩文等多个版本。三个系统都能安装。 |
| 可变字体 | .ttf、.otf |
一个文件里包含连续的粗细(有的还有宽窄)变化,不必为每个字重单独装一个文件。思源黑体、思源宋体都有可变字体版本。新版系统和设计软件都支持,很老的软件可能只显示默认字重。 |
日常使用,选 .otf 或 .ttf 都可以,两者在使用上几乎没有区别。同一款字体不要把 .otf 和 .ttf 两个版本同时装上,否则软件里会出现重名,容易用错。
只在网页上用的格式
| 格式 | 扩展名 | 说明 |
|---|---|---|
| WOFF2 | .woff2 |
网页字体的首选,压缩率最高,所有主流浏览器都支持。 |
| WOFF | .woff |
WOFF2 的上一代,现在一般只作备用。 |
WOFF 和 WOFF2 是给浏览器用的,不能当作电脑字体安装。网页里怎么写,见《在网页里使用字体:@font-face 的现代写法》。
已经过时的格式
- PostScript Type 1(
.pfb、.pfm、.afm,Mac 上的 LWFN):Adobe 的设计软件从 2023 年起已不再支持,macOS 也不推荐使用,很多 Linux 软件同样不再支持。请换用同一字体的 OpenType 版本。 - Mac 老格式(
.dfont、手提箱 suitcase 字体):只在 Mac 上能用,在 Windows 上会提示不是有效的字体文件。 - EOT、SVG 字体:早年为老浏览器准备的网页字体格式,现在的浏览器已经用不上,不必再提供。
怎么选
- 在电脑上排版、做设计:装
.otf/.ttf,有可变字体版本且软件支持的,可以优先用可变字体。 - 做网页:用
.woff2。 - 中文字体文件很大,做网页时还要按字符拆分,见《中文网页字体为什么要拆分子集》。
参考资料
- Apple 支持:在 Mac 上的“字体册”中安装和验证字体(列出 macOS 支持的格式)
- MDN:@font-face