我想簡單地寫一下這篇文章，只是為了能夠快速地記住和使用。

將圖標(biāo)上傳到icon font。相信很多公司都不會用這種方式，一是麻煩，設(shè)計師的工作量大，前端開發(fā)的工作量也大，但是這樣做的好處是制作出來的產(chǎn)品質(zhì)量清晰，質(zhì)量好。

如何使用它？

1.通常設(shè)計師會創(chuàng)建設(shè)計稿sketch如何導(dǎo)入ai文件，繪制圖標(biāo)，保存為SVG格式，然后上傳到自己的項目上面。

2.您也可以直接在設(shè)計稿中使用下載的圖標(biāo)，同時保存圖標(biāo)文件，在項目完成后再將圖標(biāo)上傳到自己的項目中。

3、上傳后前端開發(fā)人員可以直接調(diào)用代碼，非常方便，可以自行更改圖標(biāo)大小、顏色等參數(shù)。

我的經(jīng)驗：

1.使用AI制作SVG圖標(biāo)。

2. 我也使用過 SVG 圖標(biāo)

3. 我還使用 fig'g'ma 制作 SVG 圖標(biāo)

遇到的問題：有時候在設(shè)計的時候，為了圖標(biāo)統(tǒng)一，我們會自己繪制整個項目，畫好之后需要導(dǎo)入SVG格式上傳到，雖然有經(jīng)驗，但是還不夠熟練，總是會出現(xiàn)各種問題，比如：上傳失敗等，或者上傳不完整，那么前端開發(fā)工程師就沒法使用了。

解決方案：

經(jīng)過一下午的努力sketch如何導(dǎo)入ai文件，終于找到了解決辦法：使用fig'g'ma來畫圖標(biāo)。

1.圖標(biāo)畫好后，將其轉(zhuǎn)換成輪廓

2. 將它們合并在一起

3. 然后全選并合并所選項目

4.打開插件CMD+?鍵填充規(guī)則

選擇圖標(biāo)層并轉(zhuǎn)到此藍色部分

5.導(dǎo)出為 SVG 格式

6.上傳至上述

此狀態(tài)代表上傳成功，可以供程序員使用。

如有侵權(quán)請聯(lián)系刪除！