[ font ] 使用 icoMoon 做 icon font

[veraaaaaLiu]

icoMoon

處理 icon 使用說明

目的為統一 icon 大小，隔線選 24px

1. 點選左上 import icons
2. 點選底部 Generate Font ：若發生異常要清除 icon 複雜結構 ( 詳見 icon 規範 )
3. 去除 icon 顏色
4. Ragular Icons

• 統一 Grid (右上)
• Canvas => square canvas
• Scale => fit to canvas
• Scale => 統一圖示大小
• 改圖示名稱
• 設定 ( Preferences ) Meta: font name, class prfix, support, css selector ( <i> tag )

---

icon 規範

1. 將文字、線段 ( Strokes ) 轉換 / 展開為路徑( fills )。
2. 目前版本的 IcoMoon 並不完全支援奇偶規則，請使用非零纏繞。
3. 將路徑 ( fills ) 複合/合併，避免路徑重疊。
4. 挖空設計時，不要使用色塊填充，可以以用複合路徑將形狀減去 ( 可使用 Illustrator 路徑管理員 )。
5. Svg 中嵌入點陣圖也無分成為向量圖，應避免嵌入向量圖。

ps. 執行過的心得：開啟路徑管理員面板，試試看哪一種可以達到目的

---

維護

download 下來後，只需要上傳 json 的版本就好
等要維護的時候，匯入 json，再進行後續處理