我在Stack Overflow上找到了兩個相關的答案：

不幸的是,這兩者都不是真正的編碼答案,這是我真正希望的(腳本轉換的命令行實用程序,或者也許是某人可以編寫這樣的東西的API).

盡管如此,通過結合這兩個答案,我得到了我想要的東西.

清理SVG

(此步驟可能是可選的.)在自由軟件程序InkScape中打開SVG.復制現有SVG并從FontForge Glyph模板創建一個新項目.粘貼到該模板中,標準化外觀,大小和位置,并保存為PLAIN SVG,每個字符一個文件(“字形”).

將SVG轉換為字體

使用IcoMoon

IcoMoon是一個相當簡單的工具.單擊頁面頂部的紫色“導入圖標”按鈕以導入每個自定義SVG字形.然后在設置的首選項上單擊“獲取信息”,這樣您就可以為該組命名并為其提供一些元數據.使用“編輯”工具(鉛筆圖標)并單擊每個字形以獲得尺寸和間距恰到好處.

完成后,選擇字體中所需的所有字形,然后按頁面底部的“生成字體”按鈕.在結果屏幕上,您可以將每個字形映射到unicode字符.在右側,您可以鍵入或粘貼一個字符,或者在左側,您可以輸入其十六進制代碼.像GNOME Character Map(適用于Linux)或Windows Character Map或Mac OS Character Palette這樣的程序可以幫助您找到適合您的字形的代碼.

現在按屏幕頂部的“首選項”按鈕(或右下角的齒輪)并最終確定新字體的名稱和元數據,然后按右下角的“下載”.您將獲得一個Fontname.zip文件,其中包含一堆使用建議以及字體文件本身.

迭代

我發現尺寸和間距很難正確(我正在寫信).我一直在迭代IcoMoon,安裝字體,并將我的字母與字母相似(使用文字處理器).尺寸調整很容易,但間距不是那么容易(我甚至沒有弄亂ligatures或kerning！).不要忘記某些系統在安裝新字體后需要刷新字體緩存(在Linux上,這是Fontconfig的fc-cache)

驗證字體

您可能還想驗證您的字體. Font Squirrel是一項在線服務,可讓您這樣做,提供更正和使用技巧.我認為IcoMoon已經這樣做了,所以也許這只是用于FontForge創作.

總結

以上是生活随笔為你收集整理的svg转css font,css – 如何将.svg文件转换为字体？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。