关于前端:TTFTOFWOFF-和-WOFF2-的相关概念

27次阅读

共计 1661 个字符,预计需要花费 5 分钟才能阅读完成。

前言

在上一篇文章中,我引入了 TTF 格局的字体文件来解决各平台字体体现不对立的问题。

但其实那不是最优解决方案,因为字体文件不止有 TTF 格局,常见的字体格局还有 OTF、WOFF 和 WOFF2 等。

明天,我来总结一下最常见字体格局的相干概念,不便当前在应用的时候能够做出最优抉择。

TTF(TrueType Font)

TrueType 是由美国苹果公司和微软公司共同开发的一种电脑轮廓字体(曲线描边字)类型规范。

这种类型字体文件的扩展名是 .ttf,类型代码是 tfil。

TrueType 的次要强项在于它能给开发者提供对于字体显示、不同字体大小的像素级显示等的高级管制。

其兼容性如下:

OTF(OpenType Font)

OpenType 是 Adobe 和 Microsoft 联合开发的跨平台字体文件格式,也叫 Type 2 字体,它的字体格局采纳 Unicode 编码,是一种兼容各种语言的字体格局。

OpenType 也是一种轮廓字体,比 TrueType 更为弱小,并且还反对多个平台,反对很大的字符集,还有版权保护。能够说它是 Type 1 和 TrueType 的超集。

OpenType 规范定义了 OpenType 文件名称的后缀名:

  • 蕴含 TrueType 字体的 OpenType 文件后缀名为 .ttf
  • 蕴含 PostScript 字体的文件后缀名为 .OTF
  • 如果是蕴含一系列 TrueType 字体的字体包文件,那么后缀名为 .TTC

OTF 的次要长处有:

  1. 加强的跨平台性能;
  2. 更好的反对 Unicode 规范定义的国内字符集;
  3. 反对高级印刷控制能力;
  4. 生成的文件尺寸更小;
  5. 反对在字符集中退出数字签名,保障文件的集成性能。

同一个 OpenType 字体文件能够用于 Mac OS,Windows 和 Linux 零碎,这种跨平台的字库十分不便于用户的应用,用户再也不用为不同的零碎配制字库而懊恼了。

OTF 的兼容性和 TTF 雷同。

WOFF(Web Open Font Format)

Web 凋谢字体格局 是一种网页所采纳的字体格局规范。此字体格局倒退于 2009 年,当初正由万维网联盟的 Web 字体工作小组标准化,以求成为举荐规范。

此字体格局岂但可能无效利用压缩来缩小档案大小,并且不蕴含加密也不受 DRM(数位著作权治理)限度。

WOFF 实质上是蕴含了基于 sfnt 的字体(如 TrueType、OpenType 或凋谢字体格局),且这些字体均通过 WOFF 的编码工具压缩,以便嵌入网页中。这个字体格局应用 zlib 压缩,文件大小个别比 TTF 小 40%。

其兼容性如下:

WOFF2

WOFF 2 规范在 WOFF1 的根底上,进一步优化了体积压缩,带宽需要更少,同时能够在挪动设施上疾速解压。

与 WOFF 1.0 中应用的 Flate 压缩相比,WOFF 2.0 是应用 Brotli 办法进行的压缩,压缩率更高,所以文件体积更小。

其兼容性如下:

补充概念

在下面的概念中,呈现了 Type 1 字体 Type 2 字体 的说法,我在这里补充一下它们两个的相干概念。

Type 1 字体

Type 1 字体于 1984 年由 Adobe 引入,与其 PostScript 页面描述语言一起应用,随着可应用 PostScript 的桌面出版软件和打印机的遍及而失去了宽泛应用。1996 年,Adobe 产品和文字开发开始重点关注用处更为宽泛的 OpenType 字体,对 Type 1 的关注缩小了。

Type 2 字体

Open Type 字体也叫 Type 2 字体,这个叫法其实也是为了对应 Type 1 字体而产生的,示意比 Type 1 更进一步。

总结

通过下面的概念,能够看出:

  • TTF 的兼容性更好,然而其字体文件体积最大。
  • WOFF 字体比 TTF 字体有更小的体积和更好的表现性。
  • WOFF 2 字体是对 WOFF 字体的降级。

所以,如果不思考兼容性的话,字体应用首推 WOFF 2,这也是我在文章结尾说应用 TTF 并非最优解决方案的起因,大家能够依据本人的理论状况,酌情抉择适合的字体文件,以达到性能优化的目标。

~

~ 本文完,感激浏览!

~

学习乏味的常识,结识乏味的敌人,塑造乏味的灵魂!

大家好,我是〖编程三昧〗的作者 隐逸王,我的公众号是『编程三昧』,欢送关注,心愿大家多多指教!

正文完
 0