好久沒發(fā)文章了。剛換了新工作,一個新的環(huán)境和一批新的同事抄瑟,第一天的壓抑到第三天的嗨皮,很感謝大家的幫助〔厝担現(xiàn)在工作不忙,來給大家推薦一個字體圖標網(wǎng)站转锈,讓UI妹子們放飛自我盘寡。
第一步:輸入網(wǎng)址 https://icomoon.io 找到字體圖標網(wǎng)站,頭疼~~~~~~~~ 又是一個英文網(wǎng)站撮慨,看不懂8吞怠!砌溺!
別著急影涉,不用看懂也能使用這個網(wǎng)站,記住也不需要登錄规伐,不用登錄哦
第二步:點擊 import icons 上傳做好的圖標蟹倾,圖表格式要是SVG格式(用AI做圖標,保存SVG格式的時候圖標顏色統(tǒng)一用灰色就行猖闪,因為我們給前端的是代碼鲜棠,他們可以自己控制大小和顏色,不需要我們?nèi)ド蟼饔猩珗D標)
圖標上傳完畢之后培慌,用鼠標點擊你所要轉(zhuǎn)化的所有圖標(帶黃色邊框的表示選中豁陆,灰色沒選中),再點擊右下角 Generate font F 按鈕检柬,所有的矢量圖標就自動轉(zhuǎn)化為字體圖標了
第三步:此頁面是所有自己圖標的展示献联,點擊右下角的 Download 按鈕 ,就可以下載轉(zhuǎn)換之后的字體圖標了
第四步:打開下載的壓縮包何址,直接整個文件夾給到前端就可以,他們會自己查看里面的font文件夾和style.css文件
只需要給前端一個文件夾进胯,和藍湖上面上傳的設(shè)計源文件用爪,他們就可以編寫前端頁面了