sketch 怎麼將圖標生成 iconfont 文件?

iconfont 的優勢就不多說了,有好多中方法可以生成,只是不不知道 sketch 中有沒有插件可以自動生成的?


弄了很久,剛剛終於成功了,如果不知道方法,確實好麻煩,不過總算上傳了~~好了,開始說方法~

1.首先將在sketch弄好的icon調整好,確定icon線的寬度一致,主要為了美觀,建立一個可以正好容納icon的畫板,將已經畫好的icon複製到畫板中,如下圖:

2.將每一個導出為.svg格式,如下圖:

3.打開AI,把剛才的文件打開,選中,點擊「對象」選擇「擴展」,然後會出現選項,勾選後兩項點擊確定,如下圖:

4.將此文件存儲為.svg導出

5.可以上傳啦,iconfont上傳起來

希望幫到你們~~有問題多交流~


推薦閱讀:

走向開源-這家叫逐浪的字型檔廠商死磕巨頭能有幾分勝算
在ubuntu 下安裝 遇到ttf-mscorefonts-installer 問題
如何用AE製作毛筆字書寫效果?
【字體欣賞】Trebuchet:微軟的中世紀投石機
八輔音義補全計劃(一)?字體篇

TAG:字體 | Sketch | WebFont | SVG |