Slop Font 指南
Slop Font 入門
Slop Font 是瀏覽器中的字型編輯器。您的字型保存在此裝置上，不會上傳任何內容。
頁面介紹
左側是字符格線：每個字元一個方格，在繪製前以虛線顯示。中間有三種檢視：「繪製」（字符編輯器）、「字距調整」與「試打測試」。右側面板包含字符的寬度與左右側邊間距、字元、手寫範本、匯出、字型名稱與授權，以及字型的度量值。
在手機上，格線就是頁面本身：點選一個字母即可開始繪製，並以「‹ 字符」返回。面板為底部的面板；點選「設定」即可開啟。
繪製一個字母
- 在格線中選擇一個字母。
- 選擇「鋼筆」（P）：點選可建立尖角，拖曳可建立曲線，點選第一個點即可封閉圖形。
- 或使用「矩形」（R）、「橢圓」（E）或「描邊」（S）繪製；若圖形畫在另一個圖形之內，會形成孔洞。
- 使用「選取」（V）移動點與控制柄；方向鍵微調位置，Delete 刪除，連按兩下可將點改為平滑或尖角。
- 按住 Shift 選取兩個輪廓，然後使用「路徑 ▾ 聯集」或「減去」；「移除重疊」會合併整個字母。
提示： 點會貼齊格線，以及基線、x 高度、大寫字母高度、上伸部與下伸部。按住 Alt 可自由放置點。
匯入現有的素材
- 選擇「從 SVG 繪製…」：貼上 SVG 或其路徑資料，或選擇 .svg 檔，並將其適配到大寫字母高度或 x 高度。
- 選擇「描摹圖片…」：字母的照片會變成其輪廓；設定墨水門檻。
- 在「手寫」下，「列印字稿…」與「讀取已填寫的字稿…」可將一頁手寫字變成完整的字型。
- 「開啟…」可開啟 TTF、OTF、WOFF 或 WOFF2 以進行編輯。
調整間距與字距
- 在面板中為每個字母設定「寬度」、「左側」與「右側」。
- 在「字距調整」檢視中輸入兩個字母，移動滑桿，並觀察範例文字行。
- 在「試打測試」檢視中，以您自己的文字、多種字級，在淺色或深色背景上檢查效果。
匯出與保存
- 在「字型」下設定字族名稱、設計者與授權（使用「SIL Open Font License 1.1」會自動填入）。
- 在「匯出」下選擇 TTF、OTF、WOFF2 或 WOFF，然後點選「下載字型」，或「儲存到 Slop Drive…」。
- 「複製 CSS @font-face」會提供用於網站的規則。「儲存專案」則會保存一個 .sfont 檔，方便之後再次編輯。