Posted on by Mark

有关字体Font的类型：bitmap, ttf, otf, woff

最近看到一个 CSS 的 font-feature-settings 属性，它可以控制 OpenType 字体中的高级显示和打印特性，比如数字等宽，而对 TrueType 字体不起作用，就整一篇文章区分 OpenType 和 TrueType。

对 .woff字体起作用。

Bitmap

我们经常看到一些店铺的LED广告屏，还有城市灯光秀，或者无人机排出的文字，都是一个个LED灯矩阵。
文字在显示器上显示也是一样的逻辑，显示器用显微镜放大，一样是红🔴绿🟢蓝🔵三基色灯光。

PAFC LED Font
Drone Font

早期的计算机操作系统依靠位图(Bitmap)字体进行显示(screen)和打印(print)，每个文字以像素矩阵的方式表现。
也就是显示器🖥 上每个像素上的三基色灯要点多大亮度的光。
打印机🖨️ 要在打印纸上的每个位置喷不同颜料多少量(0%~100%)的油墨。
各种颜色都是基色混合而成的。

Yellow，Magenta，Cyan，blacK（CMYK)四色油墨打印机，一个颜料一个颜料的矩阵喷墨。

随着显示器等表现能力的提升，像素分辨率的变大，当放大或缩小位图字体时，效果就可能比较模糊了，然后就有了矢量字体，矢量字体缩放后看起来仍然不错，也就是 jpg 与 svg 的区别了。

在 1990年左右，Adobe推出了基于矢量图形的Type 1字体。使用贝塞尔曲线、绘图指令和数学公式来描述每个字形，这使得字符轮廓可以缩放到任何大小。

Type 1 字体
Adobe Type Manager

Adobe 还开发了一种称为Postscript的打印语言，它比市场上的任何其他语言都好得多。

Microsoft 和Apple 两公司对这些技术非常感兴趣，但又不想为自家的操作系统向 Adob​​e 付钱用这些字体技术，最后微软和苹果联合开发了自己的矢量字体和打印技术，1991 年 Apple 公司开发了字体技术TrueType，而微软开发的打印引擎 TrueImage 以失败告终。

TrueType

它的格式是 .ttf(True Type Font)，当时许多用户已经在 Adob​​e 仍然专有的 Type 1 字体上投入了大量资金，专业设计的字体每件可能要花费一百美元，在各种尺寸和角度进行测试都获得最佳质量，这些功能对于广告公司和出版社很重要，但对于我们大多数人来说，免费或便宜的字体更好，Apple 将 TrueType 许可给了Microsoft。然后 Adobe 的联合创始人兼首席执行官约翰·沃诺克发表了一篇热情洋溢的演讲，他声称苹果和微软在卖蛇油（营销欺骗），然后宣布 Type 1 格式对任何人开放使用。

OpenType

后来Adob​​e 又找 Microsoft 合作设计了新的 Open Type 字体，它的格式是 .otf(Open Type Font)，还并入了Adobe 的 Type 1 的技术。

连字

有些字体并不是一个字母只对应一个字形，连字就有可能有多个字形变体。

连字
右侧这种字体，t 在 h 前和在 a 前使用的是不一样的字形, h 在 t 后和 h 在 p 后使用的字形也不一样。

Web 字体

我们有时在网站上使用指定的个性字体，而这些字体在访问者的操作系统中不存在，那么就需要通过HTTP请求下载这些个性字体，才能按照网站本身的设计目的来呈现渲染这些字体，CSS 里的 font-face 就能定义个性字体。

@font-face {
  font-family: "MontserratExtraLight";
  src: url("./MontserratExtraLight.woff2") format("woff2"),     url("./MontserratExtraLight.woff") format("woff"),
url("./Montserrat-ExtraLight.otf") format("opentype"),
url('./Montserrat-ExtraLight.ttf') format('truetype'), 
url('./Montserrat-ExtraLight.svg#webfont') format('svg');
}
但字体往往是个比较大的文件，所以才有了.eot 和 .woff 这种压缩率高的字体出现。

Embedded OpenType

嵌入式OpenType字体（英语：Embedded OpenType，简称EOT）是被微软设计用来在网页使用的字体格式。该字体格式是OpenType字体的压缩格式。文件的扩展名通常是”.eot”。

WOFF

Web Open Font Format的简称，WOFF 格式最初由 Mozilla、Opera 和 Microsoft 开发。字体数据经过高效的压缩，因此比同等未压缩的 TrueType 或 OpenType 文件的站点加载速度更快。按版本格式分 “.woff” 和 “.woff2″，WOFF2 提供的压缩比 WOFF 好约 30%。

关于Featured 图片

LED markbuild
LED Screen

2017 年我在一家 LED 控制卡公司做广告内容编辑器软件，对色彩和显示屏有了深刻的认识。