如何製作 svg 格式的 圖標字體?
01-12
我先用AI做好 導出透明圖片 然後用 FontCreate 做成 ttf 的字體 然後 試過各種 在線轉換工具 和 軟體轉換工具 轉出來的svg格式字體都不能用，其它三個格式的字體都是沒問題的。
我去下載別人的字體庫，他們的svg是能用的。國產的瀏覽器 不用svg那個距齒很大，用css不能完美解決。
樓上給出了解法。
另闢蹊徑，可以直接用SVG。
用ai導出svg粘貼到html就好。
上次和@黑貓提到iconfont之後，我也仔細考慮了一下SVG的適用場合。這就是其中之一。好處如下：
1. 可以是彩色的或者有漸變色。
2. 不用載入新的字體，節省一次請求。（如果已經在用icon font請忽略，可以package到一起）3. 在圖標數量極小的情況下，體積也不會差太多。畢竟css也得定義font face的，也要有幾十個字元起。例子就是我最近在做的app的coming soon頁（app還沒搞定）：http://www.homeoneapp.com/首先給你一個網址IcoMoon App - Icon Font, SVG, PDF PNG GeneratorIcoMoon是一個一站式圖標解決方案。一個可以通過個性化設置來創建自定義圖標（字體）的生成器！IcoMoon是一項免費的服務，通過使用不同設置使我們icon字體。當然了，網站也有許多免費資源包可以下載。下面介紹一下如何使用IcoMoon生成web可用的（EOT,SVG,WOFF,TTF)+CSS.
- 首先打開網站，點擊Import Icons
上傳已經製作好的SVG格式的圖標。
- 然後選擇圖標並點擊製作
- 接下來讓我們更改一下css裡面的類名和一些信息
- 然後保存下載，直接使用吧。
就是這麼簡單，一鍵式生成了Web端可用的字體文件，css也已經幫你生成了，把它導入到你的項目中就可以直接使用了。
你是設計師嗎？ 如果是設計師 直接用我們的 http://iconfont.cn 上傳svg 然後加入項目後可以直接導出四種字體，還有cdn存儲。
如果是開發者 還可以試試這個 font-carrier https://github.com/purplebamboo/font-carrier推薦百度的在線字體編輯器，http://fontstore.baidu.com/static/editor/index.html，真是良心
相當好用，半個月前畫魔法陣自己用它做了幾個字體，感覺比fontforge簡單方便。
東南西北那幾個字就是用在線編輯器畫的。在繁忙的工作之餘，我一個寫python的運維，在一個小時做完了四個字的字體……iconfont，我們經常用這個
svg的圖片可以用在videoscribe裡面做手繪動畫，有個網站有很多svg圖片，大概幾萬個吧，是我見過最多的了，http://svg.sale
非常感謝。哪裡有常用的SVG圖標下載呢？比如說，新建，刪除，等
推薦閱讀：