網(wǎng)絡(luò)上的排版已經(jīng)走過(guò)了漫長(zhǎng)的道路。我們已經(jīng)從一些基本的基于系統(tǒng)的字體到現(xiàn)在幾乎無(wú)限的可能性。但所有這些選擇都會(huì)給設(shè)計(jì)師帶來(lái)一些挑戰(zhàn)。

例如，對(duì)于我們?cè)陧?yè)面上加載的每種字體，性能都會(huì)受到負(fù)面影響。即使使用具有多種樣式（粗體，斜體等）的單個(gè)字體系列，也需要多次調(diào)用服務(wù)器。當(dāng)每一毫秒都很重要時(shí)，這可以真正開(kāi)始在一個(gè)行業(yè)中加起來(lái)。

其中有可變字體的巨大前景。突然之間，沒(méi)有必要加載六個(gè)字體文件來(lái)檢索你想要的樣式。相反，字體系列所需的一切只包含在一個(gè)文件中。它極大地提高了效率并且易于實(shí)施。

對(duì)我們排版工具箱的這一新增內(nèi)容感到好奇嗎？這是你需要知道的：

更靈活

雖然潛在的性能提升可能是可變字體最明顯的特征，但還有更多值得愛(ài)的。另一個(gè)關(guān)鍵賣(mài)點(diǎn)是它們提供比傳統(tǒng)字體更高的靈活性。

例如，可變字體允許設(shè)計(jì)者利用CSS轉(zhuǎn)換。當(dāng)字體從一種樣式變?yōu)榱硪环N樣式時(shí)，這可用于創(chuàng)建一些超平滑的動(dòng)畫(huà)。鏈接和導(dǎo)航等元素可以變得更加有趣和獨(dú)特。雖然它可能聽(tīng)起來(lái)像一個(gè)小細(xì)節(jié)，但這為我們提供了另一種改善用戶(hù)體驗(yàn)的方法。

在同一個(gè)保護(hù)傘下，使用可變字體時(shí)也可以創(chuàng)建自定義字體樣式。由于這些字體的構(gòu)建方式，您不必滿(mǎn)足于預(yù)制樣式，如淺色或粗體。相反，您可以選擇幾乎任何介于兩者之間的任何東西，或調(diào)整可用的字體軸以根據(jù)您的需要定制類(lèi)型。

真正令人驚奇的是，像Font Playground這樣的工具使這些調(diào)整變得非常容易。它們提供了一個(gè)可視化的UI，可以根據(jù)您的內(nèi)容調(diào)整內(nèi)容。您無(wú)需成為專(zhuān)家即可獲得所需的結(jié)果。而且，它甚至?xí)槟峁┍匾腃SS代碼。

最重要的一點(diǎn)是，排版變得不那么僵硬，對(duì)設(shè)計(jì)師的解釋更加開(kāi)放。當(dāng)然，如果您愿意，可以使用標(biāo)準(zhǔn)樣式。但您也可以選擇將自己的個(gè)人風(fēng)格放在項(xiàng)目上。

使用Font Playground自定義可變字體。

還處于起步階段

與幾乎所有新技術(shù)一樣，可變字體旁邊還有一些星號(hào)。然而，這些限制更多地是它們存在的早期時(shí)間的產(chǎn)物，而不是致命的缺陷。

有限的選擇

可變字體的數(shù)量似乎每天都在增長(zhǎng)。盡管如此，與傳統(tǒng)字體相比，可用數(shù)量仍然很小。

此時(shí)，Google Fonts并未在其標(biāo)準(zhǔn)庫(kù)中提供任何可變字體。雖然，Amstelvar，Cabin和Nunito字體可通過(guò)Early Access計(jì)劃獲得。

但是有越來(lái)越多的替代資源。地方如V-字體和字體游樂(lè)場(chǎng)有足夠的選擇，以適應(yīng)大多數(shù)項(xiàng)目的需求。而且，一些獨(dú)立開(kāi)發(fā)者已經(jīng)開(kāi)始出版他們自己的家庭。

在V字體調(diào)整可變字體。

有限支持

瀏覽器對(duì)可變字體的支持涵蓋了大多數(shù)現(xiàn)代瀏覽器的較新版本。您將無(wú)法獲得對(duì)Internet Explorer等舊版產(chǎn)品的支持，甚至不會(huì)支持較新版本的Chrome，Edge，F(xiàn)irefox和Safari。

這可能是也可能不是交易破壞者，具體取決于您的目標(biāo)受眾。當(dāng)然，通過(guò)的時(shí)間越長(zhǎng)，遺產(chǎn)支持就越不令人擔(dān)憂(yōu)。而且，可用字體的選擇只會(huì)繼續(xù)增長(zhǎng)。

瀏覽器支持可變字體。

網(wǎng)絡(luò)排版的恩惠

可變字體看起來(lái)可以將Web排版提升到更高的水平。設(shè)計(jì)師不僅沒(méi)有被迫使用可用的風(fēng)格，而且還有能力做更多事情。將其添加到簡(jiǎn)化的字體管理和提高性能，您可以獲得幾乎可以使任何項(xiàng)目受益的內(nèi)容。

不難想象可變字體成為標(biāo)準(zhǔn)的未來(lái)。我們看到變量字體越多，就越難以看到傳統(tǒng)產(chǎn)品如何保持相關(guān)性。