可變字體，Variable Fonts

05-01

今天想談談可變字體，在今年adobe的字體日活動上也提到過，這可能是今後字體設計的趨勢。

首先談談什麼是可變字體（Variable Font ），這裡引用文鼎字型檔的文章

在去年9月，Adobe, Apple, Google, Microsoft 4大巨頭聯合宣布了Variable Font 的字體規格- OpenType v1.8 之後，從這些主要的操作系統、瀏覽器、排版軟體廠商到字體設計師、字體廠商，都積極地投入Variable Font 的支持、開發設計。

Variable Font 是需要經過字體設計師的精心設計規劃，與字體變化參數交叉彙編調整測試，經過反覆修改，最後產出以一套外框字型加上外框控制點位移參數資料的OpenType 字文件，就可以透過操作系統或是瀏覽器內的字型渲染器 (font engine)，隨使用者的設定或是依應用軟體的UI設計邏輯自動判斷，由Variable Font 變化出各種不同的字重、字寬或筆畫形狀等來做應用。例如，根據內文或是標題的不同應用來改變字體筆頭、筆畫收尾的粗細(Optical size)。

文字還不夠直觀的話，大家可以看下以下這個網址，拖動一下左邊的條感受一下什麼是可變字體。

Variable Fonts?

v-fonts.com

字體的粗細，寬窄，陰影，襯線都可以進行非常細緻的變化。

這在排版的時候給了設計師更多選擇，一個字體可以做出多種變化。

在網頁上實際應用的時候是使用CSS來控制。

font-variation-settings

首先定義字體

p {　　font-family: Skia, sans-serif ;}

再定義細節

p {　　font-variation-settings: "wght" 500, "wdth" 45 ;}

?wdth：字體的寬窄（Width)，初期數值是100

?wght：線的粗細 (Weight)?初期數值是400
?Opsz：光學尺寸(Optical Size)?初期數值是12
?ital：斜體(Italic)?0(非斜體)1(斜體)
?slnt：傾斜(Slant) 可以指定-90到90之間的數值

我不太懂Optical Size的意思，查了一下大概自我理解是，在字型大小變化時，字形也進行變化。

例如，在字型大小變小的時候，中宮變大，易於辨讀。字型大小變大的時候，文字較細的地方變得更細產生對比。

如果有人對這方面比較比較熟的話，請一定告訴我。