工欲善其事，必先利其器，在設計師的職涯裡，Adobe軟體的使用一定是佔有一席之地，Adobe在推出Adobe Creative Cloud雲端軟體服務後，設計師們可以透過合理的價格，使用到Creative Cloud 完整應用程式裡20多款軟體，當中最常被使用到的Phothshop、InDesign、illustrator這三款軟體，我們來看看「字體」在這三款軟體的「字元」面版中呈現出哪些雷同與不雷同。

這三款軟體中，若要使用到字體，普遍上都會使用「字元」面版來查找合適風格、語言的字體做使用，但有沒有覺得使用上的體驗好像沒有不一樣，但又好像有哪裡一樣的感受呢？

據我們的觀察，確實，三款軟體對於字體在字元面版內容的呈現有以下些微的不同：

1. 字體語言的排序

2. 字體名稱的呈現

3. 可變式字體(變數字體/Variable Font)的呈現位置

「最近使用的字體」是字元面版下拉出來第一個出現的區塊，如上圖，我們就可以看到上述第二兩點所描述的不同處。InDesign在字體名稱的呈現與其他兩者不同在於繁體中文以外語言的字體，皆以英文字體名稱呈現，也就是說，今天我們若是在繁體中文作業系統使用繁體中文介面的InDesign，若排版文件需要使用到如簡體中文、日文等語言的字體，那我們可能就會辛苦一點，要去判讀此兩個語言的英文字體名稱來做字體的選用，還好Adobe在面版中，預設有字體造型sample的呈現，可以降低從英文字體名稱辨視字體的難度。

在常用字體區塊之後，基本上是依語言做字體順序的排序：

Phothshop：Emoji→繁體中文→拉丁→日文→韓文→複雜語言(Arabic, Hebrew, Devannagri, Thai…)簡體中文

InDesign：繁體中文→簡體中文→拉丁→日文→韓文→複雜語言(Arabic, Hebrew, Devannagri, Thai…) 

Illustrator：Variable Font→繁體中文→拉丁→日文→簡體中文→韓文→複雜語言(Arabic, Hebrew, Devannagri, Thai…) 

我們可以看到上方整理的資訊，Emoji與Variable Font排在語言使用之前，而Illustrator特別將Variable Font獨立出一個區塊，排在「最近使用的字體」之後的第二個順序做呈現，而Phothshop、InDesign則是把Variable Font和語言視為一個整體，混合在一起做排序。

這些都是使用上觀察而來的紀錄，而我們在這裡單純討論字體在字元面版上的呈現，UI設計不在探討範圍。

可變式字型(variable font) 發佈於2016年，發佈至今，我們觀察到許多字型設計公司逐漸地發布自家的可變式字型，經過這幾年的推廣，最近我們從問卷調查上發現國內的設計師對這樣的產品仍然感到陌生，今天，我們藉由幾個演示，再一次讓大家認識可變式字型。

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

不知道大家有沒有思考過一個問題，字體設計師都是在60公分距離前的螢幕做字體設計，使用時，有可能近到20公分，遠則超過5公尺以在使用的字體，這樣的應用情境，字體的設計如果都一樣，合理嗎？設計師如果在用字的時後，思考到這樣層次的問題，有沒有產品可以上設計師挑選使用呢？

通常在進行字型開發前先會決定使用目的，而在選用字型時，會依情境來選用造型，在使用明/宋體這類的字型時，通常橫向筆畫的粗細是固定的，在可變式字型裡，可以將橫向粗細的變化設計在可變式字型的變化軸上，使用者除了傳統的字重外，還可以使用到橫向筆畫(對比/Contrast)變化軸的調整。下方以文鼎書苑宋體書苑宋作為舉例，因應複雜化的使用情境，書苑宋設計了四個橫筆粗細的產品，為橫筆寬度16(EM Square =1000 ) 到62 的響應式設計，使用者可依據使用配方建議，從內文到標題，從紙本到屏幕，因應不同情境選取適當字型使用。

有個多個橫筆粗細對比這樣的產品，我們思考一下，如果在設計這樣的指示標示，怎麼樣可以讓閱讀訊息用的字體在畫面上呈現的更好呢？畫面上『南京三民站』這幾個字分別使用思源宋體(上)與文鼎書苑宋體(下)做展示，我們可以看到這五個字元筆畫數並不算多，但『三』這個字的筆畫相對起來特別少，整體看起來視覺灰度少了一級。

這時候如果我們要對他加粗，通常的作法就是在AI裡轉外框，加筆畫，但這樣一來，字就變成圖，不是字了，會增加後續版本維護的困擾。使用書苑宋可變式字型的微調後的成果，我們來看看調整前後的差別，經過適當的調整後，每個字元的視覺量感變得更平均了。

我們認為，設計師寶貴的時間應該要用在設計思考上，如果字體可以協助設計師解決問題，節省設計師的時間，那就是我們對設計產業的幫助。關於更多可變字型的資訊可參閱下方文鼎iFontCloud雲字庫的展示說明

https://ifontcloud.com/index/variablefont.jsp

可變式字型(Variable Fonts)在2016年ATYPI場合發佈，至今已經過了六年，字型開發商的態度有觀望也有積極開發，文鼎字型屬於積極開發可變式字型的中文廠商，最大的產品特色就是開發同時具備繁、簡中文造型的字體產品，在可變式字型的開發方向亦然，目前已經開發超過30套繁、簡中文造型的可變式字型，應用在設計師族群、中國大陸手機商城等領域。

設計師們應該都有過一個經驗，在Adobe Illustrator顏色面版裡，代表灰階的K值有0-100的設定值可以調整，這幾乎將人眼可見的灰階透過數字的方式呈現出來，進一步的若我們需要四色CMYK的色彩，我們也可以分別透過代表每一個色域的滑桿，將所需要的顏色調整出來；而字型，可以用滑桿的方式，讓設計師調整出所需要的字重甚至是字寬以及其他變化嗎？以目前字型技術領域的創新，數位字體設計進入了一個新的時代，我們可以藉由可變式字型的設計，實現設計師用字的想像。



文鼎可變式字型產品的基礎來自於以自有文字引擎開發的文鼎Infinity Font技術，文鼎UD晶熙黑體是第一個採用這個技術的產品，2012年晶熙黑體導入以內差方式開發字重家族，在當時就以可變式字型的概念，結合文鼎晶熙黑體全球字型設計於2013年獲得日本「GOOD DESIGN AWARD」設計獎「GOOD DESIGN Best100」殊榮，這是全球第一套滿足響應式設計(Responsive Design)的CCJ字型產品。



2021年7月，文鼎書苑宋繁體中文字型產品開始於iFontCloud平台銷售，目前已經有Text、Display、Contrast等屬性設計的書苑宋產品服務使用者使用，最後階段將釋出書苑宋可變式字型以及書苑宋長體字型(condensed)產品，以下我們就書苑宋可變式字型做說明介紹。

本期所要介紹的書苑宋可變式字型，產品名稱為「文鼎VF書苑宋_WrWCO」，關於文鼎可變式字型的字體命名規則，可參閱「從名稱認識文鼎可變式字型」文章介紹，「文鼎VF書苑宋_WrWCO」其最大的特色為一款具有四個變數軸的宋體中文可變式字型，變數軸包含有：

1. 字重(weight)
2. 字寬(width)
3. 對比(contrast)
4. 視覺大小最佳化(optical size)

應用上，讓設計師可以透過一個字型檔案，運用變數軸的交互調整，就能夠輕易的獲得不同調性設計案件需求的最佳字型。以設計師常用的Adobe Illustrator操作界面為例，使用者可以在字元面板中點擊「變數字體」按鈕，即可看到上述的變數軸，透過調整滑桿的方式，輕易的找到最佳的字體樣式。

瞭解可變式字型原理設計師應該可以知道，具有四軸可變字式字型的中文產品在設計與開發是有很高的挑戰性，然而，在外部的使用環境也存在著許多的挑戰，最常遇到的是軟體的支援與否（哪些系統、瀏覽器和軟體支援可變式字型(Variable Fonts)？），以及電腦硬體效能是否足夠因應可變字體變化時所需的計算效能。以我們的實際測試，在使用中文可變式字型時，會消耗大量的電腦資源，因此，我們會建議在使用中文可變字體時，盡量以一個標題所需的字數為主，做變數軸調整變化的文字字元數不要太多，以免出現電腦卡頓、誤以為是電腦效能不佳。

目前，文鼎VF書苑宋_WrWCO可變式字型產品為嚐鮮版的釋出，為的是帶來更多的創意與可能性，也期望藉由這樣的一個產品，降低設計師在字型調整的時間，透過設計師運用的巧思為設計案件帶來畫龍點睛的效果。此嚐鮮版字中文元數包含大部分的繁體中文，使用時若遇到缺字、無法順利做變數軸的變化或有其他的建議，煩請透過客服信箱讓文鼎團隊知道，我們收集到足夠的使用回饋，將其做正式產品化的重要依據。

目前文鼎VF書苑宋_WrWCO四軸可變式字型已經上架文鼎iFontCloud的書苑宋字型包、繁中旗艦包標準版、繁中旗艦包進階版等方案中。