單音、獨體、結構方正的中文漢字，如明體、黑體、圓體等造型，在數位字體設計規格上，無論是應用在印刷或是螢幕顯示，筆畫數少還是多、字重細還是粗，大多將每個漢字字元設計在固定大小的方框內，在使用上，比較少注意到字元間距的排版。

我們先前在「定距字型與應用」的文章中題說明過符號/拉丁字具有定距設計(Monospace)與調和設計(Proportional)的設計規格，現在讓我們來看看當漢字與拉丁整合成我們使用的字體產品時，在使用上有沒有需要注意的地方。

下圖我們以Adobe 思源黑體與文鼎方新書做為範例，在圖的上方範例，是兩款字體在Illustrator上的排版顯示效果，對於視覺較為敏感的設計師可能會覺得「T」與「y」在字元距離的白空間好像比p, e來的大，下方是經過調整後的結果，整體上，提升了閱讀的舒適度與可讀性，視覺效果舒服多了。

形成「T」與「y」在字元距離白空間的問題，在於大多數中文開發廠商，對於漢字裡的拉丁字，僅對拉丁/符號字元做基本的調和設計(Proportional)，缺少對字元做進階的字元間距調整kerning的緣故，以致形成預設的字距對於某些字元組合的不理想，需要手動調整讓所有字元間的空白看起來和諧一致。

不過在Adobe軟體上，設計師們可以透過字元面版中「兩個字元之間的特殊字距」功能裡的「視覺」選項，快速的達到類似kerning字元間距調整的效果，主要是Adobe在「視覺」這個功能中，做到可以依據字元的形狀，來調整相鄰字元之間的間距。

目前Adobe CC版本的產品中，設計師常用的Photoshop、Illustrator、InDesign在字元面版都支援上述的功能，目前使用這個功能時，漢字與符號/拉丁字元都會起作用，若不希望漢字的字距受到調整，則選取符號/拉丁字元做調整即可，這點需特別留意。

不舒適的字距會讓設計失了分，適當的調整字距有助於閱讀的舒適度與可讀性，不過我們還是要提醒，瞭解所使用字型產品的特性，因應外部環境做最佳化的修正，才能讓字體的這設計元素為設計作品做加分。

2021年，文鼎字型與插畫家Mandie合作，將Mandie親筆書寫的手寫字開發成數位中文字體。Mandie自己平時一直保持著手寫的習慣，希望藉由數位化後的字體產品，讓大家在取得電腦打字方便性的同時，也能夠重溫手寫字體的情感，讓更多人記得手寫字體的溫度，回味一筆一畫寫字的時光。

文鼎字型自2015年開始開發文鼎DC陳森田MORITA、文鼎DC香蕉人體、文鼎DC云康鋼筆行楷、文鼎DC蔡燊軒行書體，這類型的字體強調具有個人風格、個性化，近年在台灣市場能見度逐漸提高，應用在印刷、螢幕顯示、手機介面上都有別於傳統印刷字體的感受體驗。

文鼎DC曼蒂手書體除了將Mandie的手書風格記錄在字體中，另外還有一個小彩蛋：特別企劃商請Mandie繪製了三百多個表情符號(emoji)，讓Mandie具有特色的手繪融入字體中。

要如何使用文鼎DC曼蒂手書體的表情符號呢？ 我們以Adobe illustrator為例，當字元選擇文鼎DC曼蒂手書體時，開啟「字符」面板，滑動面板右方的拉桿，看到表情符號點選即可。需要注意的是在字符面板共有兩個區塊呈現這三百多個表情符號，這兩者的差別在於當符號用於橫排、直排的位置。



對於表情符號的開發，文鼎的設計師也不馬虎，對於符號單獨使用在橫排、直排以及符號與漢字一起使用時，在橫排、直排的排版效果都有加以最佳化的調整與設計。



在Adobe illustrator另外一個使用表情符號的方式是透過替換字符的機制做選用，在這個情境中，表情符號已經輸入完成，將滑鼠移至該表情符號上出現的替換字符，呈現的候選符號為上述為直排情境設計的字元。



近年來在Apple、Microsoft等系統廠商開發支援表情符號的作業系統、軟體後，表情符號在使用上的門檻降低了許多，有興趣的使用者可以在Mac、Windows上試試以下快捷鍵，呼叫出可輸入表情符號的小鍵盤、視窗來使用：
Mac作業系統：Control+Command+空白鍵
Windows作業系統：Windows(視窗鍵) + . (句點)或Windows(視窗鍵) + ; (分號)

但要請使用者注意，現階段有支援表情符號的軟體有限，以Windows為例，同樣是office 356中的Word、Excel、Powerpoint，輸入表情符號後呈現的行為也會有異，這樣的情形有待軟體開發商的支援，以讓表情符號有一個友善的使用環境。

文鼎DC曼蒂手書體
字體應用及用途：書刊標題、影片／電影標題、食品包裝、生活感的廣告標語、電子書信書寫等。

工欲善其事，必先利其器，在設計師的職涯裡，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設計不在探討範圍。