分類
❄網站新玩意 (New Stuffs) 字體相關 業界觀察

電腦字體終於迎來全彩色字型(Full Color Fonts)

在去年發布過「賓果卡 BINGO」產品的新作法,可以《運用最新的「彩色字型」技術》來替代數字圖片的案例。其實「彩色字型」(Color Fonts)目前有四種字型規格,我們是使用其中之一的「OpenType-SVG」規格。主要緣由是 Adobe 常用的桌上軟體系列,如 Photoshop、Illustrator 及 InDesign 等,都僅支援這種 SVG(向量圖 )SBIX(點陣圖)的彩色字型規格。

彩色字型範例

上圖是 colorfonts.wtf 所收集的幾款彩色字型,有些還是免費字型,可下載安裝來體驗看看這項新的字型技術。

現有的四種「彩色字型」規格,分別是由 Adobe/Mozilla (Firefox)、Microsoft (Windows)、Apple (iOS / macOS / Safari) 和 Google (Android / Chrome) 四個陣營所提出,各自代表不同的作業系統、瀏覽器與軟體,可以說是百家爭鳴。

Adobe 與 Mozilla 開發了此 OpenType-SVG 規格,它是將 SVG 嵌入到對應的字碼裡,只要是符合 SVG 規格的向量圖檔都可以。目前瀏覽器 Firefox 和 Safari 都支援這個規格,只可惜最主流的 Chrome、Edge(二者是師出 Chromium 同門)但並不會支援此種規格。

而 Microsoft 主導的 COLR v0 技術與此 OpenType-SVG 作法類似,都使用向量圖檔來建立彩色字型,都可任意縮放而不會失真。

最後是 Apple 提出的 SBIX 與 Google 的 CBDT 技術,它們皆是採取將點陣圖嵌入到對應的字碼裡,不過,透過這種方法的字型,在縮放時都會有明顯的失真狀況,已逐漸失去優勢之中。

由於向量字型才是未來趨勢,可見前兩個陣營比較具有優勢。因此 Google 已放棄 CBDT 技術,轉與 Microsoft 合作,擴充其 COLR 規格為新的 COLR v1。而 Apple 也傾向 OpenType-SVG 規格,在macOS、iOS 和 Safari 也都已經支援了。

如果想知道瀏覽器支援那些規格的彩色字型,可以透過 ChromaCheck 網站來查詢。如下圖為最常用的 Chrome/Edge,並不支援 OpenType-SVG 規格,有點可惜!

在桌面應用程式方面,Adobe CC 系列的桌上電腦軟體,至少必須是 2017 以上版本(Photoshop CC 2017、Illustrator CC 2018、 InDesign CC 2019),才能夠支援彩色字型的 SVG 與 SBIX 格式。同樣地,如 Pixelmator 和 Sketch 要從 macOS 10.14 Mojave 版本起,也都會支援 SVG 與 SBIX。唯獨 QuarkXPress 2018 起,支援 SVG、SBIX 及 COLR 規格(Mac OS or Windows)。而 Affinity Suite 2.5 (被 Canva 併購後)起則僅支援 COLR,理由是主流的瀏覽器 Chrome 及 Edge,也是如此支援。看來要統一彩色字型規格還要等待一大段長路!

分享