本篇撰寫的原因,是格安在做設計時,常常會使用一些特別的字型設計檔(alphabet),或者是品牌字型的部分,需要一個字母一個字母的慢慢貼上並且調整間距,如果是常態性需要使用的話,在製作時程上會是相對冗長的部分,因此特別搜尋到了FontForg這套軟體,並且應用在工作上。
如果您也有像格安一樣的需求,相信這篇文章可以幫助您學習如何製作字型。
什麼是FontForg
FontForg是一個免費的開源字型編輯器,支援多平台使用,可以將設計的字型向量檔案轉變為可鍵入的字型檔案,或修改現有的字型檔案(例如TTF、OTF等),支援多國語系字型開發。在軟體介面中可以控制每個字元的輪廓、字距、筆畫寬度,也可以將設計好的SVG字型直接導入至專案中,再做細部調整。
FontForg適合用於想要設計個人字型的個人數位創作者、想要建立品牌專屬字型的設計師、對字型開發有興趣的人,甚至需要嵌入自訂字型的軟體開發者,都可以使用FontForg當作入門軟體使用。
下載與安裝FontForg
因為格安是Windows系統,因此這篇文章僅會介紹到Windows系統的使用。
1.到FontForg的官方網站進行下載

2.點擊「Confirm and Download」

3.點擊「Download XXXXX Release Installer(.exe)」
此處會依照軟體製作者的更新率來改變按鈕內容,認清Download字樣到處點即可。

4.安裝FontForg
右鍵點擊.exe安裝檔,並「以系統管理員身分執行」,按「是」,選擇「English」,接下來就是一連串「Next」,最後選擇軟體安裝的位置就安裝完畢了,FontForg會先直接開啟專案位置,您可以直接選擇「New」開啟專案,或者引入您要修改的開源字型。

FontForg的介面操作說明
FontForg可以從0開始製作字型,也可以從其他字型檔進行修改,下圖為全新專案以及開啟舊檔案的介面,若有不知道怎麼抓字型間距的人,也可以從其他字型參考。
字母的編輯區
針對指定的字母雙擊左鍵可以進入該字母的編輯區,如果要導入svg設計檔,也是在編輯區才執行導入。

字型可視區域
建議先將所有文字都確認間距、上下行之間的距離,以英文字母為例,I、O、W的字距一定都會是不一樣的,一開始格安在嘗試的時候每個字型都設同樣大小,可想而知鍵入時簡直不忍直視…

到達指定文字
點選功能面板中的View,點擊Go to,鍵入想搜尋的文字就可以快速到達指定位置

文字編輯區功能介紹
左側工具列幒從左至右、從上到下,所有的功能說明如下列表格
左1 | 選取與移動點或圖形 | 右1 | 放大/縮小畫面 |
左2 | 手繪曲線 | 右2 | 拖曳畫面 |
左3 | 切割曲線輪廓 | 右3 | 測量工具 |
左4 | 新增節點繪圖 | 右4 | 繪製螺旋線 |
左5 | 新增曲線節點 | 右5 | 增加曲線,保持水平或垂直 |
左6 | 新增轉角節點 | 右6 | 新增三角形節點 |
左7 | 縮放字型 | 右7 | 旋轉字型 |
左8 | 翻轉字型 | 右8 | 傾斜字型 |
左9 | 3D變化字型 | 右9 | 透視變化字型 |
左10 | 新增簡單形狀 | 右10 | 新增多邊形 |

使用FpntForg製作字型
1.使用illustrator製作字母個別工作區
FontForg預設每個字母大小為1000x1000px、下間距為200px,可以用這個尺寸去抓每個字母工作區的大小,並且利用色塊抓取200px的下間距,轉存前移除即可。

2.為每個字母個別工作區進行命名
因為FontForg的導入系統是舊式系統風格,在導入時僅能看到檔案名稱,建議在轉檔前就先個別命名好,才能快速找到要建立的字母。不過,轉檔的過程個別工作區也會自行編號,若您是依照26個字母依序製作,倒也不必特別更改名稱。

3.將檔案轉存成SVG格式
所有字型檔完成後,可以從「檔案」→「轉存」→「轉存為…」,然後選擇指定的路徑,將附檔名選擇為「SVG(*.SVG)」,並且勾選「使用工作區域」→「確定」,就會依序轉存所有個別工作區域進您指定的路徑。

4.置入字型設計檔至FontForg
開啟FontForg新專案後,依序點選「File」→「Import」,並且選擇剛剛存檔的路徑,檔案格式選擇「SVG」,點擊「Import」→「OK」,即可順利置入您剛剛設計好的字母。跳出的視窗主要是針對一些自動修正路徑方向、簡化描邊、自動縮放匯入等內容,這邊我是使用預設。

5.在FontForg調整字母位置
匯入字母設計後,可以利用左右線調的拖移調整個別字母的間距寬度,例如我的字母C左邊的花比較多,我就讓它稍微超過線,才不會與左側的字過於偏遠。

6.測試字母間距、位置以及特殊偏移
字母全部匯入完成後,可以使用「New Metrics Window」進行輸入測試,輸入您想要測試的字串,並且調整LR間距,可以複製以下字串進行測試
AVATAR TOFU WOW MOM TAXI
Hamburgefonts VOODOO VAVAVA
1234567890 .,!?(){} []
特殊偏移則可以點擊「Kern Pair Closeup」(字偶距調整),在面板上用滑鼠拖曳微調,可以讓特定字母相遇時,有特別的字距調整,例如TO、AV、LT、WA等。

FontForg如何製作檔名及版權
以一個擁有系列粗細的微軟正黑體為例:
Fontname(字型名稱不得使用空格): MicrosoftJhengHeiRegular
Family Name(系列字型名稱):Microsoft JhengHei
Name for Humans(決定你最終看到的字型名稱顯示): Microsoft JhengHei
Weight(字型粗細): Regular (例如Thin, Light, Regular, Medium, Black)
Version(字型版本): 6.14
Base Filename(儲存至電腦時的預設檔名): 1.Same as Fontname(參考第一項)、2.自行設定,例如gean font-v2
Copyright(版權宣告):
TTF Names則是各國語系翻譯,例如Microsoft JhengHei的繁體中文即是微軟正黑體。
※如果有設定不同粗細的文字,Family Name可以幫助您將字型檔統整為一個選項,再進行次項目選擇。

從FontForg轉出成字型檔
我們以最常見的通用字型格式「.ttf」字型檔為例進行轉出,當所有字母檔設定完成後,就可以開始進行字型檔打包了。首先依序點選「File」→「Generate Fonts…」,選擇您指定的路徑,FontForg的預設檔案格式為「.pfb」,將其改為「True Type」,點擊「Generate」就完成了!

找到您儲存字型檔的路徑後,雙擊兩下安裝,就可以正常使用囉!

將FontForg轉為繁體中文
基本上是不建議像這樣硬轉,因為可能會發生無法預估的Bug,或是翻譯問題。
首先進入您安裝軟體的路徑,預設會是C:\Program Files (x86)\FontForgeBuilds
針對fontforge.bat檔案按「右鍵」→「編輯」,即會開啟記事本,找到「::set Language=en」改為「set Language=zh_TW」,存檔後重開就會是中文版了。
set LANGUAGE=zh_TW

FontForg製作的字型是否有版權問題
FontForg只是一款製作字型的軟體,是否有版權問題在於您是否使用了它人製作的檔案。
✅字型原始設計是您自己設計的,可以自用、販售或者免費供人使用。
✅下載圖庫(有商用授權),只是為了使用方便製作字型檔。
❌將商用字型進行修改並販售。
❌下載授權 / 未授權之圖庫,製作字型檔並進行販售。
❗若您是使用開源字型進行改造,需要看該開源字型的授權條件。