好久沒(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)站,記住也不需要登錄,不用登錄哦

第二步:點(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)了

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

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

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