如何使用FontForg製作自訂字型

本篇撰寫的原因,是格安在做設計時,常常會使用一些特別的字型設計檔(alphabet),或者是品牌字型的部分,需要一個字母一個字母的慢慢貼上並且調整間距,如果是常態性需要使用的話,在製作時程上會是相對冗長的部分,因此特別搜尋到了FontForg這套軟體,並且應用在工作上。

如果您也有像格安一樣的需求,相信這篇文章可以幫助您學習如何製作字型

什麼是FontForg

FontForg是一個免費的開源字型編輯器,支援多平台使用,可以將設計的字型向量檔案轉變為可鍵入的字型檔案,或修改現有的字型檔案(例如TTF、OTF等),支援多國語系字型開發。在軟體介面中可以控制每個字元的輪廓、字距、筆畫寬度,也可以將設計好的SVG字型直接導入至專案中,再做細部調整。

FontForg適合用於想要設計個人字型的個人數位創作者、想要建立品牌專屬字型的設計師、對字型開發有興趣的人,甚至需要嵌入自訂字型的軟體開發者,都可以使用FontForg當作入門軟體使用。

下載與安裝FontForg

因為格安是Windows系統,因此這篇文章僅會介紹到Windows系統的使用。

1.到FontForg的官方網站進行下載

到FontForg的官方網站進行下載
到FontForg的官方網站進行下載

2.點擊「Confirm and Download」

如果喜歡FontForge,也可以點擊Donate斗內支持一下他們
如果喜歡FontForge,也可以點擊Donate斗內支持一下他們

3.點擊「Download XXXXX Release Installer(.exe)」

此處會依照軟體製作者的更新率來改變按鈕內容,認清Download字樣到處點即可。

點擊FontForge下載按鈕
點擊FontForge下載按鈕

4.安裝FontForg

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

FontForg安裝流程
FontForg安裝流程

FontForg的介面操作說明

FontForg可以從0開始製作字型,也可以從其他字型檔進行修改,下圖為全新專案以及開啟舊檔案的介面,若有不知道怎麼抓字型間距的人,也可以從其他字型參考。

字母的編輯區

針對指定的字母雙擊左鍵可以進入該字母的編輯區,如果要導入svg設計檔,也是在編輯區才執行導入。

FontForg的專案介面
FontForg的專案介面

字型可視區域

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

黃色為文字間距
黃色為文字間距

到達指定文字

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

快速到達指定文字位置
快速到達指定文字位置

文字編輯區功能介紹

左側工具列幒從左至右、從上到下,所有的功能說明如下列表格

左1選取與移動點或圖形右1放大/縮小畫面
左2手繪曲線右2拖曳畫面
左3切割曲線輪廓右3測量工具
左4新增節點繪圖右4繪製螺旋線
左5新增曲線節點右5增加曲線,保持水平或垂直
左6新增轉角節點右6新增三角形節點
左7縮放字型右7旋轉字型
左8翻轉字型右8傾斜字型
左93D變化字型右9透視變化字型
左10新增簡單形狀右10新增多邊形
# = 顯示格線 B =背景圖層 F = 前景圖層
FontForg左側工具列說明
FontForg左側工具列說明

使用FpntForg製作字型

1.使用illustrator製作字母個別工作區

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

個別字母的工作區
個別字母的工作區

2.為每個字母個別工作區進行命名

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

建議為每個工作區取名為字母名稱,在導入時會比較好辨識
建議為每個工作區取名為字母名稱,在導入時會比較好辨識

3.將檔案轉存成SVG格式

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

將向量檔案轉存為SVG格式
將向量檔案轉存為SVG格式

4.置入字型設計檔至FontForg

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

匯入字母設計至FontForg新專案
匯入字母設計至FontForg新專案

5.在FontForg調整字母位置

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

在FontForg調整個別字母的位置
在FontForg調整個別字母的位置

6.測試字母間距、位置以及特殊偏移

字母全部匯入完成後,可以使用「New Metrics Window」進行輸入測試,輸入您想要測試的字串,並且調整LR間距,可以複製以下字串進行測試

AVATAR TOFU WOW MOM TAXI
Hamburgefonts VOODOO VAVAVA
1234567890 .,!?(){} []

特殊偏移則可以點擊「Kern Pair Closeup」(字偶距調整),在面板上用滑鼠拖曳微調,可以讓特定字母相遇時,有特別的字距調整,例如TO、AV、LT、WA等。

測試字母間距以及針對TO、AV、LT、WA等字母進行特別微調
測試字母間距以及針對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從英文轉為繁體中文

FontForg製作的字型是否有版權問題

FontForg只是一款製作字型的軟體,是否有版權問題在於您是否使用了它人製作的檔案。

✅字型原始設計是您自己設計的,可以自用、販售或者免費供人使用。

✅下載圖庫(有商用授權),只是為了使用方便製作字型檔。

❌將商用字型進行修改並販售。

❌下載授權 / 未授權之圖庫,製作字型檔並進行販售。

❗若您是使用開源字型進行改造,需要看該開源字型的授權條件。

發表迴響

返回頂端