????????我覺得我這個(gè)人特別健忘，中午吃的飯，下午就會(huì)忘了吃的什么菜。所以啊，好記性不如爛鍵盤，真的得要好好記錄一下每個(gè)階段的學(xué)習(xí)心得了。

????????今天早上我們程序員小哥哥問我會(huì)不會(huì)做字體圖標(biāo)，愣了好幾秒，感覺整個(gè)人都呆萌了呢? （字體圖標(biāo)是啥啊，iconfont嗎，表示每次做界面都是直接從里面下來用的?。┡?。。。。。原來小哥哥不是這個(gè)意思，原來icon-font是用字體文件代替圖片文件的意思，也就是一段代碼。（這我怎么會(huì)做(ΩДΩ)，趕緊打開了iconfont看功能介紹）。

????????居然還有這樣的操作啊 ，嗯。。。還蠻強(qiáng)大的。（立馬下載平臺(tái)里給的圖標(biāo)模板并打開AI，開始制作icon），但是并沒有想象的那么順利，雖然和別人的操作是一樣的，但上傳的時(shí)候還是會(huì)出問題，比如報(bào)錯(cuò)說“svg太大啦，不要超過40kb哦”，偶爾也會(huì)上傳成功，但是呢，是空白的。就這樣邊百度邊實(shí)驗(yàn)了好幾個(gè)小時(shí)，也不得行。后來我就一個(gè)一個(gè)試了（是有點(diǎn)笨），離下班還有一個(gè)小時(shí)的時(shí)候終于試成功了，原因是在AI里保存svg的時(shí)候，勾選了“保留Illustrator編輯功能”。

????????現(xiàn)在來畫一個(gè)“添加”圖標(biāo)，總結(jié)一下在iconfont里上傳圖標(biāo)的流程

????????Step1:打開下好的圖標(biāo)模板/新建一個(gè)合適畫icon的畫布

????????Step2:用形狀工具畫出添加圖標(biāo)，如下

Step3:現(xiàn)在要通過“對(duì)象——路徑——輪廓化邊緣”來把路徑轉(zhuǎn)換成形狀（如果保存為路徑，上傳以后就是空白的），如下圖

Step4：保存為svg格式。

Step5：點(diǎn)保存后會(huì)彈出一個(gè)對(duì)話框，記得千萬別勾“保留Illustrator編輯功能”，千萬別勾“保留Illustrator編輯功能”，千萬別勾“保留Illustrator編輯功能”。

Step6:把剛才生成的icon.svg拖入iconfont的上傳區(qū)域，就可以正常顯示了

以后再也不用擔(dān)心圖標(biāo)會(huì)模糊了