網絡上的排版已經走過了漫長的道路。我們已經從一些基本的基於系統的字型到現在幾乎無限的可能性。但所有這些選擇都會給設計師帶來一些挑戰。
例如,對於我們在頁面上載入的每種字型、效能都會受到負面影響。即使使用具有多種樣式(粗體,斜體等)的單個字型系列,也需要多次呼叫 WooCommerce 服務器。當每一毫秒都很重要時,這可以真正開始在一個行業中加起來。
其中有可變字型的巨大前景。突然之間,沒有必要載入六個字型檔案來檢索您想要的樣式。相反,字型系列所需的一切只包含在一個檔案中。它極大地提高了效率並且易於實施。
對我們排版工具箱的這一新增內容感到好奇嗎?上海 WordPress 外貿獨立站網站建設認為下面這些是您需要知道的:
更靈活
雖然潛在的效能提升可能是可變字型最明顯的特徵,但還有更多值得愛的。另一個關鍵賣點是它們提供比傳統字型更高的靈活性。
例如,可變字型允許設計者利用 CSS 轉換。當字型從一種樣式變為另一種樣式時,這可用於建立一些超平滑的動畫。鏈接和導航等元素可以變得更加有趣和獨特。雖然它可能聽起來像一個小細節,但這為我們提供了另一種改善多用户體驗的方法。
在同一個保護傘下,使用可變字型時也可以建立自定義字型樣式。由於這些字型的構建方式,您不必滿足於預製樣式,如淺色或粗體。相反,您可以選擇幾乎任何介於兩者之間的任何東西,或調整可用的字型軸以根據您的需要定製類型。
真正令人驚奇的是,像 Font Playground 這樣的工具使這些調整變得非常容易。它們提供了一個視覺化的 UI,可以根據您的內容調整內容。您無需成為專家即可獲得所需的結果。而且,它甚至會為您提供必要的 CSS 代碼。這在《為複雜的資料進行設計(一)》中也有詳細得分析過。
最重要的一點是,排版變得不那麼僵硬,對設計師的解釋更加開放。當然,如果您願意,可以使用標準樣式。但您也可以選擇將自己的個人風格放在專案上。
還處於起步階段
與幾乎所有新技術一樣,可變字型旁邊還有一些星號。然而,這些限制更多地是它們存在的早期時間的產物,而不是致命的缺陷。
有限的選擇
可變字型的數量似乎每天都在增長。儘管如此,與傳統字型相比,可用數量仍然很小。
此時,Google Fonts 並未在其標準庫中提供任何可變字型。雖然,Amstelvar,Cabin 和 Nunito 字型可通過 Early Access 計劃獲得。
但是有越來越多的替代資源。 V-Fonts 和 Font Playground 等地方有足夠的選擇來滿足大多數專案需求。而且,一些獨立開發者已經開始出版他們自己的字型。
有限支持
瀏覽器對可變字型的支持涵蓋了大多數現代瀏覽器的較新版本。您將無法獲得對 Internet Explorer 等舊版產品的支持,甚至不會支持較新版本的 Chrome,Edge,Firefox 和 Safari 。
上海 WordPress 外貿獨立站網站建設認為這可能是也可能不是交易破壞者,具體取決於您的目標受眾。當然,通過的時間越長,遺產支持就越不令人擔憂。而且,可用字型的選擇只會繼續增長。
網絡排版的恩惠
可變字型看起來可以將 Web 排版提升到更高的水平。設計師不僅沒有被迫使用可用的風格,而且還有能力做更多事情。將其新增到簡化的字型管理和提高效能,您可以獲得幾乎可以使任何專案受益的內容。
不難想象可變字型成為標準的未來。我們看到變數字型越多,就越難以看到傳統產品如何保持相關性。