好久沒(méi)發(fā)文章了。剛換了新工作，一個(gè)新的環(huán)境和一批新的同事，第一天的壓抑到第三天的嗨皮，很感謝大家的幫助?，F(xiàn)在工作不忙，來(lái)給大家推薦一個(gè)字體圖標(biāo)網(wǎng)站，讓UI妹子們放飛自我。

第一步：輸入網(wǎng)址 https://icomoon.io 找到字體圖標(biāo)網(wǎng)站，頭疼~~~~~~~~ 又是一個(gè)英文網(wǎng)站，看不懂?。?！
別著急，不用看懂也能使用這個(gè)網(wǎng)站，記住也不需要登錄，不用登錄哦

1.jpg

第二步：點(diǎn)擊 import icons 上傳做好的圖標(biāo)，圖表格式要是SVG格式（用AI做圖標(biāo)，保存SVG格式的時(shí)候圖標(biāo)顏色統(tǒng)一用灰色就行，因?yàn)槲覀兘o前端的是代碼，他們可以自己控制大小和顏色，不需要我們?nèi)ド蟼饔猩珗D標(biāo)）
圖標(biāo)上傳完畢之后，用鼠標(biāo)點(diǎn)擊你所要轉(zhuǎn)化的所有圖標(biāo)（帶黃色邊框的表示選中，灰色沒(méi)選中），再點(diǎn)擊右下角 Generate font F 按鈕，所有的矢量圖標(biāo)就自動(dòng)轉(zhuǎn)化為字體圖標(biāo)了

2.jpg

第三步：此頁(yè)面是所有自己圖標(biāo)的展示，點(diǎn)擊右下角的 Download 按鈕 ，就可以下載轉(zhuǎn)換之后的字體圖標(biāo)了

3.jpg

第四步：打開(kāi)下載的壓縮包，直接整個(gè)文件夾給到前端就可以，他們會(huì)自己查看里面的font文件夾和style.css文件

4.jpg

只需要給前端一個(gè)文件夾，和藍(lán)湖上面上傳的設(shè)計(jì)源文件，他們就可以編寫(xiě)前端頁(yè)面了