icomoon 一個可以讓UI和前端友好相處的一個“字體圖標”網(wǎng)站

好久沒發(fā)文章了。剛換了新工作,一個新的環(huán)境和一批新的同事抄瑟,第一天的壓抑到第三天的嗨皮,很感謝大家的幫助〔厝担現(xiàn)在工作不忙,來給大家推薦一個字體圖標網(wǎng)站转锈,讓UI妹子們放飛自我盘寡。

第一步:輸入網(wǎng)址 https://icomoon.io 找到字體圖標網(wǎng)站,頭疼~~~~~~~~ 又是一個英文網(wǎng)站撮慨,看不懂8吞怠!砌溺!
別著急影涉,不用看懂也能使用這個網(wǎng)站,記住也不需要登錄规伐,不用登錄哦

1.jpg

第二步:點擊 import icons 上傳做好的圖標蟹倾,圖表格式要是SVG格式(用AI做圖標,保存SVG格式的時候圖標顏色統(tǒng)一用灰色就行猖闪,因為我們給前端的是代碼鲜棠,他們可以自己控制大小和顏色,不需要我們?nèi)ド蟼饔猩珗D標)
圖標上傳完畢之后培慌,用鼠標點擊你所要轉(zhuǎn)化的所有圖標(帶黃色邊框的表示選中豁陆,灰色沒選中),再點擊右下角 Generate font F 按鈕检柬,所有的矢量圖標就自動轉(zhuǎn)化為字體圖標了


2.jpg

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


3.jpg

第四步:打開下載的壓縮包何址,直接整個文件夾給到前端就可以,他們會自己查看里面的font文件夾和style.css文件

4.jpg

只需要給前端一個文件夾进胯,和藍湖上面上傳的設(shè)計源文件用爪,他們就可以編寫前端頁面了

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市胁镐,隨后出現(xiàn)的幾起案子偎血,更是在濱河造成了極大的恐慌诸衔,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,839評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件颇玷,死亡現(xiàn)場離奇詭異笨农,居然都是意外死亡,警方通過查閱死者的電腦和手機帖渠,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評論 2 382
  • 文/潘曉璐 我一進店門谒亦,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人空郊,你說我怎么就攤上這事份招。” “怎么了狞甚?”我有些...
    開封第一講書人閱讀 153,116評論 0 344
  • 文/不壞的土叔 我叫張陵锁摔,是天一觀的道長。 經(jīng)常有香客問我哼审,道長谐腰,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,371評論 1 279
  • 正文 為了忘掉前任涩盾,我火速辦了婚禮十气,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘旁赊。我一直安慰自己桦踊,他們只是感情好,可當我...
    茶點故事閱讀 64,384評論 5 374
  • 文/花漫 我一把揭開白布终畅。 她就那樣靜靜地躺著籍胯,像睡著了一般。 火紅的嫁衣襯著肌膚如雪离福。 梳的紋絲不亂的頭發(fā)上杖狼,一...
    開封第一講書人閱讀 49,111評論 1 285
  • 那天,我揣著相機與錄音妖爷,去河邊找鬼蝶涩。 笑死,一個胖子當著我的面吹牛絮识,可吹牛的內(nèi)容都是我干的绿聘。 我是一名探鬼主播,決...
    沈念sama閱讀 38,416評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼次舌,長吁一口氣:“原來是場噩夢啊……” “哼熄攘!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起彼念,我...
    開封第一講書人閱讀 37,053評論 0 259
  • 序言:老撾萬榮一對情侶失蹤挪圾,失蹤者是張志新(化名)和其女友劉穎浅萧,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體哲思,經(jīng)...
    沈念sama閱讀 43,558評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡洼畅,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,007評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了棚赔。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片帝簇。...
    茶點故事閱讀 38,117評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖忆嗜,靈堂內(nèi)的尸體忽然破棺而出己儒,到底是詐尸還是另有隱情,我是刑警寧澤捆毫,帶...
    沈念sama閱讀 33,756評論 4 324
  • 正文 年R本政府宣布闪湾,位于F島的核電站,受9級特大地震影響绩卤,放射性物質(zhì)發(fā)生泄漏途样。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,324評論 3 307
  • 文/蒙蒙 一濒憋、第九天 我趴在偏房一處隱蔽的房頂上張望何暇。 院中可真熱鬧,春花似錦凛驮、人聲如沸裆站。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽宏胯。三九已至,卻和暖如春本姥,著一層夾襖步出監(jiān)牢的瞬間肩袍,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評論 1 262
  • 我被黑心中介騙來泰國打工婚惫, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留氛赐,地道東北人。 一個月前我還...
    沈念sama閱讀 45,578評論 2 355
  • 正文 我出身青樓先舷,卻偏偏與公主長得像艰管,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子蒋川,可洞房花燭夜當晚...
    茶點故事閱讀 42,877評論 2 345

推薦閱讀更多精彩內(nèi)容

  • 學會使用CSS選擇器熟記CSS樣式和外觀屬性熟練掌握CSS各種選擇器熟練掌握CSS各種選擇器熟練掌握CSS三種顯示...
    七彩小鹿閱讀 6,306評論 2 66
  • 1蛙婴、通過CocoaPods安裝項目名稱項目信息 AFNetworking網(wǎng)絡請求組件 FMDB本地數(shù)據(jù)庫組件 SD...
    陽明先生_x閱讀 15,968評論 3 119
  • 不知道什么時候開始愛上走路,一直一直不停地走尔破,放空自己帶上耳機街图,可是心情卻總是那么糟糕,不知道這是第幾次了懒构,一直不...
    阿陌w閱讀 199評論 0 0
  • 不知不覺餐济,又到了一年一度的端午節(jié)了,這個初夏的傳統(tǒng)節(jié)日胆剧,又把我的思緒帶回到兒時的老家絮姆。 記得小時候在端午這天,老爸...
    簡心素語閱讀 448評論 0 1