FontForge教學 #1

翻譯:陳育青 minihair

這份文件也有pdf版本。如果你想要一步步跟著做的話, 這個壓縮檔之中有所需的檔案。
我不打算說明字體美感的細節,只著重在軟體的使用方法。

NOBLEMAN: Now this is what I call workmanship. There is nothing on earth more exquisite than a bonny book, with well-placed columns of rich black writing in beautiful borders, and illuminated pictures cunningly inset. But nowadays, instead of looking at books, people read them. A book might as well be one of those orders for bacon and bran that you are scribbling.

-- Saint Joan, Scene IV
George Bernard Shaw, 1924

建立字型

首先利用File選單中的New指令,以建立新字型 (也可以在啟動的時候下參數-new)。

Element選單中的Font Info, 可以用來給定字型的名稱。 這個指令也可以設定字型編碼 (意即該字型中可包含哪些字),設定版權宣告,以及更改ascent和descent (上下緣)。 (兩者之和為該字型的em,一般約定PostScript字型的em是1000,truetype字型用2的次方(常是2048或4096), 而Ikarus字型使用15,000) (如果打算做TrueType字型,你大概會需要把Quadratic Splines (二次曲線) 勾起來,這才是TrueType的標準做法。 只是編輯二次曲線的時候會比較麻煩而已。)

你也可以用Encoding->Reencode改變字型編碼 (意即該字型中可包含哪些字)。FontForge建立的新字型的編碼 原則上是ISO-8859-1,該編碼包含了西歐地區所使用的大部份字元 (拉丁字母、一些重音字母、數字和符號)。

建立字體

做好上面的事情之後,就可以開始編輯字體 (為文字描邊) 了。 雙擊「C」的格字。現在應該會打開描邊字體視窗:

描邊字體視窗 (outline view) 的左邊會有兩個相臨的小窗。 上面的小窗有許多編輯的工具,下面的小窗可用來設定哪一個圖層可以修改或出現。

前景圖層的描邊線會成為字型的一部份。 背景圖層可以放一些幫助描繪字體的輔助圖案或線條。 導引(guide)圖層放的是用於整個字型的輔助線 (例如x-height) 。 目前每一個圖層都是空的。

視窗中也有顯示這個字體內部的座標系和淡灰色的xy軸。 視窗的右邊有用黑線標示字體的advance width。 FontForge對於新字體預設advance width為一個em。 (在PostScript中通常是1000 units)

File->Import指令,匯入目前編輯字體的圖案。 (譯按:把壓縮檔中的C_Ambrosia.png轉為bmp檔,再匯入之。) 軟體會自動把圖案的高度縮放到一個em那麼高。

用圖層小窗把背景圖層改為可修改,把游標指到圖案的邊界,按住shift鍵,拖放調整到適合的大小, 然後按住圖案的黑色部份,將其移至適當的位置。

如果你下載了 autotrace程式, 可以用Element->AutoTrace自動為本圖案描好邊。 倘若沒有autotrace,就得自己描。 把前景圖層改為可以編輯,在工具小窗中選圓點 (以後稱為曲線點) (Add a curve point) 。 把游標移到圖案的邊線上按一下加一個點。 我覺得加點的位置最好是在曲線的水平或垂直處、轉角、以及曲線反曲處。 (以"S"形曲線例,它的反曲處,就是它從往右彎轉為往左彎的地方。) 如果你按照這些方法加點,之後hinting的效果會比較好。

最好以順時針的方向依序加點,因此我們把下一個點加在圖案上方平坦的部份。 因為從這個地方開始是直線的邊緣,所以用曲線點並不合適,用切線點比較好。 (在小窗中是一個小三角形的圖案。) 利用切線點可以恰當地將曲線延伸為直線,因為加入所需的直線後,直線就會自動沿著曲線最後的方向沿伸出去。

目前這個「曲線」很沒有貼合圖案,不過別擔心,我們等一下會把它改好。其實它會在接下來的步驟中自己調整好。 注意在切線點旁有一個控制點 (小小藍色的叉)。 (譯按:是不是有的版本的叉不是藍色的?) 下一個要加上的點是圖案的邊緣突然轉折的地方。 曲線點和切線點都不適用於此,所以要用轉角點 (在工具小窗中是方形的點)。

你可以發現曲線變得比較貼合圖案了。 我們繼續把一整圈都加點,於是曲線快要可以閉合了。

把曲線閉合的辦法就是在一開始的點上加入新點。

現在我們應該調整曲線以貼合圖案,所以要調整控制點 (藍色的小叉) 。 如果要顯示所有的控制點,可以選擇指標工具並雙擊曲線,然後就可以移動控制點,把曲線調成想要的樣子。

最後是設定字寬。同樣的利用指標工具,拖曳右方調整字寬的線,拉到適當的位置。

這樣就把字體做好了。

如果你對數學有點興趣,你大概想知道FontForge視窗左上角的座標是什麼意思。 原則上你可以快樂的畫圖而不管這些座標,但對於有興趣的人,以下是基本資訊:

-- 上一頁 -- 目錄 -- 下一頁 --