可變式字型
Variable Fonts

可變式字型(Variable Fonts)是OpenType字體格式的一種,這種字型格式可支援字重(weight)、寬度(width)、傾斜(slant, italic)、光學尺寸視覺調整(Optical size)等可變屬性的定義,使用者在應用時可以立即變化出一套字體家族的不同樣式。

可變式字型的特色在於可隨使用者的設定或是依應用程式的自動判斷,變化出將近無限種的字體屬性組合。只需要一個字型檔案,就可以無間段調整該字型提供的字重、字寬或對比等可變屬性,讓設計師用字的創意不再受侷限,同時也減少了龐大字體家族所需要的大量記憶體空間。

© 2020 Arphic Technology co., LTD All Rights Reserved.
TT
科技為人帶來便利卻缺少溫度
你有多久沒有
親手寫一封信了呢

To get started with variable fonts, install the latest version of Google Chrome. On a Mac running macOS 10.13 High Sierra or an iOS 11+ device, you can also use Safari.

Width

Weight

Paragragh

Direction

Text color

Background color

可變式字型使用說明

可變式字型需要在支援OpenType variable fonts的作業系統與軟體中使用,例如Adobe Illustrator CC 2018, Adobe Photoshop CC 2018, Adobe InDesign CC 2019, Chrome 66, Safari 11(macOS10.13, iOS11), Windows 10 1709, FreeType 2.8等以上版本的作業系統與軟體。

以Adobe Illustrator為例,可以透過在字型清單中尋找變數字型,或尋找字型名稱旁variable 圖示的方式找到可變式字型來使用。另外,在「控制」面板、「字元」面板、「字元樣式」面板和「段落樣式」面板中按下variable 標示,即可透過滑桿控制來調整字型的字重、字寬等可變式字型的屬性設定。

可變式字型以web font的形式,透過CSS的設定也可以應用在網頁設計上,文鼎iFontCloud的web font服務預計在2020 年的第三季支援可變式字型的使用。
可變式字型網頁應用演示

文鼎公司已經陸續發佈多款可變式字型,包含經典的文鼎UD晶熙黑體、文鼎方新書、文鼎書苑宋(Beta)等,以文鼎UD晶熙黑體為例,凡是購買iFontCloud文鼎UD晶熙黑東亞字型包或是旗艦包的用戶,都可使用到文鼎UD晶熙黑可變式字型。

可變式字型使用說明

文鼎目前發佈的可變式字型包含了字重(weight)、字寬(width)或對比(contrast)等參數變化。
2020年會再發佈兩款以上的可變式字型,以增加產品的豐富性及應用範圍。

從字體名稱認識文鼎可變式字型

繁體中文字體名稱:

文鼎VF晶熙黑體_WrW / AR VF JXHeiB5 WrW

範例說明:

可變式字體 + 字體名稱 + 字集 + 變數軸

繁體中文的晶熙黑可變式字體,包含字重、字寬兩個變數軸

簡體中文字體名稱:

文鼎VF晶熙黑体_WrW / AR VF JXHeiGB WrW

範例說明:

可變式字體 + 字體名稱 + 字集 + 變數軸

簡體中文的晶熙黑可變式字體,包含字重、字寬兩個變數軸

※軸代碼定義

Wl, Wr, Wu: 字重(weight)軸的極細段(light), 中間段(regular), 極粗段(ultra)

W: 字寬(width)軸

C: 對比(contrast)軸

G: 中宮(zhong gong)軸

H: 字高(height)軸

O: 光學尺寸視覺調整(optical size)軸(微字型, 標誌用字濃淡度調整)

S: 樣式(style)軸

字重字寬變數軸示意圖

以文鼎UD晶熙黑體可變式字體為例:

在設計品質考量下,可在字重Medium至Heavy,標準字寬至80%字寬 (Condense 80)範圍內無間斷調整。

axis

字重區段示意圖

以文鼎UD晶熙黑體可變式字體為例:

在設計品質考量下,共分極細、標準、極粗三個區段設計在三個可變式字體檔案內。

各區段包含以下字重:

極細區段:Hair, Thin, Light|標準區段:Light, Medium, Demibold, Bold, Extrabold, Heavy|極粗區段:Heavy, Extraheavy, Demiblack, Ultrablack

jingxihei-axis
jingxihei-axis