剛接觸這個概念你可能會問，什么才算是一個含有彩色元素的字體呢？這是一個不斷被提及和應用并開始獲得不小的影響力的術語，盡管在大型的網站建設項目或其他類型的設計項目中，它的使用還處于起步階段。

像Adobe公司推出的Typekit這樣的字體供應商已經開始發布一些支持瀏覽器引用的Color fonts選項，所以，基于這種形勢，這個流行趨勢日后會被更廣泛的使用，有些設計師甚至稱Color fonts是“網頁設計的下一件大事”。

今天，在這里，我們將看看這個趨勢，讓你最終想清楚并決定這個概念究竟將會有多大的“用武之地”。



1.什么是Color fonts？


Color fonts，其最基礎的概念就同他的名稱一樣——包含多種顏色，陰影或漸變，紋理或透明度的字體。這些時髦的設計選項不僅僅是添加了文字的顏色，它們是包含所有細節的特定字體。

Color fonts可以是字體文件中的矢量形狀，位圖圖像或兩者都具備，這可以使這些字體比標準的字體包更大。Color fonts的常見示例包括表情符號或圖標的字母。這種風格的單色字體通常被稱為chromatic fonts，因為它們只包含一個色調或灰度。

Color fonts目前的最大問題是它還沒有真正的標準格式。并且所有這些文件格式都可以很容易捕獲——矢量和SVG圖像可以輕松擴展，但位圖版本可能在大小上會受到一些限制。

實際上有五種格式要處理：

· SBIX（Apple）：在Mac和iOS系統上具有原生支持的位圖版本；

· CBDT（Google）：Android系統上的本地支持的位圖版本；

· COLOR（Microsoft）：在Windows 8.1+系統上具有本機支持的矢量版本；

· SVG（W3C）：矢量和位圖版本；

· OpenType SVG（Adobe / Mozilla）：將SVG形狀放在OpenType字體中的向量和位圖版本。

另一方面，主要的這些“玩家們”正在開始為接下來的走向制訂相關的使用指南。Mozilla（Web瀏覽器Firefox的骨干）和Adobe已經達成共識，它們以OpenType SVG是作為這種趨勢的首選格式。當他們作出決定時，其他人仍然在緩和。

如果你想要了解這些字體的工作原理以及所有文件格式的規格，Fontself可以為你提供一個很好的基礎知識。



2.你將如何使用Color Fonts？



當你第一次看到顏色字體時，會發生兩種想法：

· 哇，太惡心了！

· 酷！我很清楚我應該如何使用！

無論你在哪個陣營里，都有非常適合彩色字體的應用程序。但是你需要在理性之中使用它們（Color fonts是所有字體樣式中需要被盡可能最少使用的一種樣式）。

你可以試著這樣使用它：

· 將它作為可以短暫引起用戶注意力的設計技巧；

· 作為圖標或logo中的樣式元素；

· 作為接下來是一長串文本的標題；

· 對于網頁設計中的其他以最簡風格的設計，可以將它用作大膽的標題而起到突出作用；

· 可以使用它將重點集中在大范圍文字中的某個特定單詞或字母中；

· 當設計中的其余部分很簡單；

· 當排版將成為你的主要藝術元素時；

· 當項目需要一些有趣和不尋常的東西來吸引用戶的注意的時候。



3.在什么情況下不要使用Color Fonts？



比起你可能已經計數的案例，這里有更多不要使用Color Fonts的情況。你不會想將網站設計恢復到20世紀90年代的一些閃爍和具有視覺壓倒性的瘋狂色彩樣式。

當你在一下情況出現時，不要使用color font：

· 你的設計需要使用圖像或文字將置于圖像之上；

· 你所使用的背景已經很復雜了；

· 設計中將使用大量的文本內容；

· 設計中已經包含了許多其他的設計技術，如動畫或動態效果，顏色通常足以產生視覺沖擊；

· 與其他新奇或特殊字體一起使用。



4.不斷發展的趨勢



Color Fonts趨勢開始從一些主要的“設計玩家”的排版中獲益并引起關注。Adobe和Mozilla采用的OpenType SVG格式可能是幫助這一趨勢真正迅速發展的誘因。Adobe甚至最近向Photoshop添加了顏色字體（你可能已經注意到PS的字體選項中有一些emoji突變元素了）。

對于OpenType SVG，Adobe的官方說明如下：

OpenType-SVG是一種字體格式，其中所有的OpenType字體或只是其一些字形表示為SVG（可縮放矢量圖形）的圖形。這允許在單個字形中顯示多種顏色和漸變。由于這些功能，我們還將OpenType-SVG字體稱為“Color Fonts”。

OpenType-SVG字體允許以這些圖形質量顯示文本，同時仍允許文本被編輯，索引或搜索。它們還可以包含允許字形替換或替代字形樣式的OpenType功能。

像Trajan Color Concept和EmojiOne Color這樣的Color Fonts會像程序字體菜單中的典型字體一樣出現，但是由于許多程序尚未完全支持顏色組件，因此可能無法顯示其全部潛力。如果你的軟件程序不支持字體中的SVG圖稿，則字形將恢復為純黑色樣式。顏色仍然可以應用于這種后備樣式，因為它將像典型的OpenType字體一樣工作。

此外，Web Type的有一個專門用于更新彩色字體的瀏覽器支持的部分。

在Color Fonts的演變和使用方面，兩件事將發揮主要作用：

· 使用性和兼容性，這與所有的網頁設計項目和瀏覽器的最終目的是一樣的（由于兼容性問題，現在很多的Color Fonts設計實際上更多的出現在打印項目中）

· 整體風格以及更華麗多彩的設計技術是否趨于整體。



5.在你的實際設計項目中嘗試Color Fonts



如果這種字體類型正是你縮需要的一種元素的話，你可以下載Color Fonts以便開始使用或創建自己的顏色，具體取決于你的設計項目類型。

>創建你自己的

你創建的Color Font類型取決于你的軟件技能。Color Font可能包含從你最喜愛的照片到美麗的氣泡和漸變顏色的筆畫的圖像。你可以完全自己完成或使用工具來幫助設計自定義的Color Font。

· Fontself是Adobe Illustrator和Photoshop插件，可幫助你創建自定義的Color Fonts；

· 你可以從Glyphs的教程中從頭開始繪制和設計所有內容；

· FontLab有一個視頻教程，你可以通過一步一步的學習來掌握。



總結

你準備好在你的網站設計中使用Color Fonts的趨勢嗎？

就個人而言，我發現這個趨勢是很有趣的，并且在諸如活動海報或傳單之類的打印項目中具有真正的實際用途。但是，當談到網站設計項目時，我仍然不太相信這可以使用的很好。時間會說明這個趨勢是否真的成為“網頁設計的下一件大事”，或者是另一回事。