如果你們設計師想在某些特別的專題活動中使用下圖的字體作為標題字體進行展現，怎么辦呢？做成圖片咯。然后你可能會遇到這幾個問題：不同屏幕下的適配，要是只做一種尺寸的圖，放大或縮小后的效果都不太好。直接做成 SVG？好像不能復制到 Word 里面加粗啊，也就是說，這種做法使得這些“文字”本身失去了真實文字該有的能力。

此時彩色字體的好處就顯現出來了。既能達到視覺效果上的要求，還擁有常規文字的功能，能夠復制，能夠粘貼，還可以被屏幕閱讀器閱讀，絲毫不妨礙常規操作。

Playbox by Matt Lyon

什么是彩色字體（Color Font）

初識彩色字體

在我們所熟知的傳統字體中，字體文件本身僅僅描述了字體的外形特征，這些特征一般包含著矢量的輪廓數據或是單色調位圖數據。在瀏覽器渲染單色字體時，渲染引擎使用設定的字體顏色填充字形區域，最后繪制出對應文字及其設定的顏色。而彩色字體中，不僅僅存儲了字體的外形特征，還保存了顏色信息，甚至還能在字體中提供不同的配色，增加了靈活性的同時也更具豐富的外形細節。

日常使用中最常見的彩色字體要數 Emoji 表情了。例如在 Windows 10 上，Segoe UI Emoji 就屬于一款彩色字體。

通常彩色字體還會包含一些兼容信息，這些兼容信息包含 Unicode 編碼的單色字形數據，使得在一些不支持彩色字體的平臺上，仍然能夠像渲染普通字體一樣將彩色字體的字形渲染出來，達到一種向后兼容的效果。

彩色字體的實現標準

在彩色字體設計的發展歷史上，由于各家有自己的實現方案，導致在 OpenType 字體中嵌入的色彩信息標準也不盡相同。在最新的OpenType 標準中  ，就有多達四種彩色字體數據的描述格式。

SVG，由 Adobe 和 Mozilla 主導的矢量字體標準。其中不僅包含了標準的 TrueType 或 CFF 字形信息，還包含了可選的 SVG 數據，允許為字體定義顏色、漸變甚至是動畫效果。SVG 標準中的配色信息也將存儲在 CPAL 中。 COLR + CPAL，由微軟主導的矢量字體標準。其中包含 COLR 即 字形圖層數據 和 CPAL 配色信息表 ，對其的支持集成在 Windows 8.1 及之后的版本中。 CBDT + CBLC，由 Google 主導的位圖字體標準。其中包含了 CBDT 彩色外形位圖數據 和 CBLC 位圖定位數據 ，對其的支持集成在 Android 中。 SBIX，由 Apple 主導的位圖字體標準。SBIX 即 標準位圖圖像表 其中包含了 PNG、JPEG 或 TIFF 的圖片信息，對其的支持集成在 macOS 和 iOS 中。