Godzilla. 2018-12-18
網(wǎng)站建設(shè)
Web設(shè)計(jì)人員可變字體簡介
網(wǎng)絡(luò)上的排版已經(jīng)走過了漫長的道路。我們已經(jīng)從一些基本的基于系統(tǒng)的字體到現(xiàn)在幾乎無限的可能性。但所有這些選擇都會(huì)給設(shè)計(jì)師帶來一些挑戰(zhàn)。
例如,對(duì)于我們?cè)陧撁嫔霞虞d的每種字體、性能都會(huì)受到負(fù)面影響。即使使用具有多種樣式(粗體,斜體等)的單個(gè)字體系列,也需要多次調(diào)用服務(wù)器。當(dāng)每一毫秒都很重要時(shí),這可以真正開始在一個(gè)行業(yè)中加起來。
其中有可變字體的巨大前景。突然之間,沒有必要加載六個(gè)字體文件來檢索你想要的樣式。相反,字體系列所需的一切只包含在一個(gè)文件中。它極大地提高了效率并且易于實(shí)施。
對(duì)我們排版工具箱的這一新增內(nèi)容感到好奇嗎?上海網(wǎng)站建設(shè)認(rèn)為下面這些是你需要知道的:
更靈活
雖然潛在的性能提升可能是可變字體最明顯的特征,但還有更多值得愛的。另一個(gè)關(guān)鍵賣點(diǎn)是它們提供比傳統(tǒng)字體更高的靈活性。
例如,可變字體允許設(shè)計(jì)者利用CSS轉(zhuǎn)換。當(dāng)字體從一種樣式變?yōu)榱硪环N樣式時(shí),這可用于創(chuàng)建一些超平滑的動(dòng)畫。鏈接和導(dǎo)航等元素可以變得更加有趣和獨(dú)特。雖然它可能聽起來像一個(gè)小細(xì)節(jié),但這為我們提供了另一種改善用戶體驗(yàn)的方法。
在同一個(gè)保護(hù)傘下,使用可變字體時(shí)也可以創(chuàng)建自定義字體樣式。由于這些字體的構(gòu)建方式,您不必滿足于預(yù)制樣式,如淺色或粗體。相反,您可以選擇幾乎任何介于兩者之間的任何東西,或調(diào)整可用的字體軸以根據(jù)您的需要定制類型。
真正令人驚奇的是,像Font Playground這樣的工具使這些調(diào)整變得非常容易。它們提供了一個(gè)可視化的UI,可以根據(jù)您的內(nèi)容調(diào)整內(nèi)容。您無需成為專家即可獲得所需的結(jié)果。而且,它甚至?xí)槟峁┍匾腃SS代碼。這在《為復(fù)雜的數(shù)據(jù)進(jìn)行設(shè)計(jì)(一)》中也有詳細(xì)得分析過。
最重要的一點(diǎn)是,排版變得不那么僵硬,對(duì)設(shè)計(jì)師的解釋更加開放。當(dāng)然,如果您愿意,可以使用標(biāo)準(zhǔn)樣式。但您也可以選擇將自己的個(gè)人風(fēng)格放在項(xiàng)目上。
還處于起步階段
與幾乎所有新技術(shù)一樣,可變字體旁邊還有一些星號(hào)。然而,這些限制更多地是它們存在的早期時(shí)間的產(chǎn)物,而不是致命的缺陷。
有限的選擇
可變字體的數(shù)量似乎每天都在增長。盡管如此,與傳統(tǒng)字體相比,可用數(shù)量仍然很小。
此時(shí),Google Fonts并未在其標(biāo)準(zhǔn)庫中提供任何可變字體。雖然,Amstelvar,Cabin和Nunito字體可通過Early Access計(jì)劃獲得。
但是有越來越多的替代資源。V-Fonts和Font Playground等地方有足夠的選擇來滿足大多數(shù)項(xiàng)目需求。而且,一些獨(dú)立開發(fā)者已經(jīng)開始出版他們自己的字體。
有限支持
瀏覽器對(duì)可變字體的支持涵蓋了大多數(shù)現(xiàn)代瀏覽器的較新版本。您將無法獲得對(duì)Internet Explorer等舊版產(chǎn)品的支持,甚至不會(huì)支持較新版本的Chrome,Edge,F(xiàn)irefox和Safari。
上海網(wǎng)站建設(shè)認(rèn)為這可能是也可能不是交易破壞者,具體取決于您的目標(biāo)受眾。當(dāng)然,通過的時(shí)間越長,遺產(chǎn)支持就越不令人擔(dān)憂。而且,可用字體的選擇只會(huì)繼續(xù)增長。
網(wǎng)絡(luò)排版的恩惠
可變字體看起來可以將Web排版提升到更高的水平。設(shè)計(jì)師不僅沒有被迫使用可用的風(fēng)格,而且還有能力做更多事情。將其添加到簡化的字體管理和提高性能,您可以獲得幾乎可以使任何項(xiàng)目受益的內(nèi)容。
不難想象可變字體成為標(biāo)準(zhǔn)的未來。我們看到變量字體越多,就越難以看到傳統(tǒng)產(chǎn)品如何保持相關(guān)性。
文章標(biāo)簽:
上海網(wǎng)站建設(shè) Web設(shè)計(jì)
文章評(píng)論: