軟件介紹

iconfont是一款功能非常強(qiáng)大的矢量圖標(biāo)管理工具，它擁有著豐富的圖標(biāo)內(nèi)容，滿足用戶的各種需求。我們不僅可以在Iconfont阿里巴巴矢量圖標(biāo)庫(kù)里找到自己想要的矢量圖標(biāo)素材。而且還可以將這些圖標(biāo)直接轉(zhuǎn)換成電腦上的字體來(lái)進(jìn)行使用，從而讓你的電腦字體變得非常有個(gè)性。

基本簡(jiǎn)介

iconfont阿里巴巴矢量圖標(biāo)庫(kù)，阿里媽媽MUX傾力打造的矢量圖標(biāo)管理、交流平臺(tái)。iconfont設(shè)計(jì)師將圖標(biāo)上傳到Iconfont平臺(tái)，用戶可以自定義下載多種格式的icon，平臺(tái)也可將圖標(biāo)轉(zhuǎn)換為字體，便于前端工程師自由調(diào)整與調(diào)用。

同時(shí)設(shè)計(jì)師將圖標(biāo)上傳到Iconfont，用戶可以自定義下載多種格式的icon，iconfont平臺(tái)也可將圖標(biāo)轉(zhuǎn)換為字體，便于前端工程師自由調(diào)整與調(diào)用。

iconfont功能介紹

搜索：支持關(guān)鍵詞模糊搜索，可以搜圖標(biāo)搜用戶，中文 / English / Ping yin 無(wú)縫互譯

下載詳情頁(yè)：可查閱icon歸屬圖標(biāo)庫(kù)與作者，多色圖標(biāo)支持分路徑改色，下載圖標(biāo)自動(dòng)保存最近使用的顏色

購(gòu)物車：將圖標(biāo)加入購(gòu)物車后，可以批量下載素材和代碼、批量添加至項(xiàng)目

上傳：支持單個(gè)或批量上傳多個(gè)icon、支持單色/多色icon同時(shí)上傳、支持圖標(biāo)自定義配置標(biāo)簽

圖標(biāo)庫(kù)：系列相關(guān)圖標(biāo)的集合，由圖標(biāo)上傳者創(chuàng)建，需通過(guò)審核才可公開(kāi)/加密訪問(wèn) 圖標(biāo)庫(kù)分為官方圖標(biāo)庫(kù)/自定義圖標(biāo)庫(kù)/多色圖標(biāo)庫(kù)

項(xiàng)目管理：“項(xiàng)目”是幫助團(tuán)隊(duì)協(xié)同合作的共享模塊，創(chuàng)建項(xiàng)目后，視覺(jué)同學(xué)上傳icon，交互/產(chǎn)品同學(xué)可以?自由下載圖標(biāo)，前端同學(xué)可以將圖標(biāo)以字體格式添加至代碼，支持三種格式代碼使用。

打賞：支持原創(chuàng)圖標(biāo)，尊重設(shè)計(jì)成果，在“用戶”與“圖標(biāo)庫(kù)”維度支持打賞，如果你喜歡哪位設(shè)計(jì)師，趕快去打賞吧～

iconfont軟件特點(diǎn)

【海量圖標(biāo)自定義下載】

支持AI / SVG / PNG / 代碼格式下載

支持按路徑改變icon顏色

【將圖標(biāo)轉(zhuǎn)化為字體應(yīng)用】

添加項(xiàng)目的圖標(biāo)，可以生成在線鏈接

以字體形式進(jìn)行復(fù)用

【項(xiàng)目協(xié)同合作】

創(chuàng)建項(xiàng)目后上傳icon，成員可以下載圖標(biāo)

前端同學(xué)可以將圖標(biāo)添加至代碼

【原創(chuàng)icon交流平臺(tái)】

我們提供一個(gè)原創(chuàng)圖標(biāo)共享、交流平臺(tái)

尊重原創(chuàng)，尊重每個(gè)設(shè)計(jì)師

iconfont使用方法

iconfont怎么使用？

點(diǎn)擊左上角的“圖標(biāo)”進(jìn)入圖標(biāo)庫(kù)，選擇你喜歡的圖標(biāo)并加入購(gòu)物車（鼠標(biāo)經(jīng)過(guò)鼠標(biāo)會(huì)有三個(gè)按鈕圖標(biāo)，分別是加入購(gòu)物車，收藏，下載），你也可以在右上角的搜索框中輸入你想要的圖標(biāo)名稱。

圖標(biāo)都選好后，點(diǎn)擊頁(yè)面右上角的購(gòu)物車圖標(biāo)，此時(shí)可以看到你加入過(guò)購(gòu)物車的所有圖標(biāo)，然后點(diǎn)擊“下載代碼”下載到本地。

代開(kāi)并加壓下載到本地Iconfont壓縮包，找到iconfont.css復(fù)制并粘貼到你的項(xiàng)目文件夾中，同時(shí)在您的網(wǎng)頁(yè)代碼的頭部的引入iconfont.css（注意路徑是否正確）

打開(kāi)Iconfont文件夾中的demo_fontclass.html，在改網(wǎng)頁(yè)頁(yè)面中可以看到你加入購(gòu)物的圖標(biāo)和對(duì)應(yīng)的圖標(biāo)名稱。

常見(jiàn)問(wèn)題

為什么下載字體，更新cdn都會(huì)提示error？

iconfont平臺(tái)也是依賴的第三方的c庫(kù) fontforge來(lái)生成字體的，如果unicode不符合規(guī)范，或者圖標(biāo)本身的路徑有問(wèn)題，它會(huì)報(bào)錯(cuò)的。unicode的正確設(shè)置，參考上一條。遇到這種問(wèn)題，可以直接把一半圖標(biāo)添加到一個(gè)新項(xiàng)目看看是不是有問(wèn)題，一半一半的試，就可以排查出這個(gè)問(wèn)題圖標(biāo)了。

為什么下載字體后，發(fā)現(xiàn)所有圖標(biāo)偏上了？

這種情況一半都是其中某些圖標(biāo)有問(wèn)題，他們的圖形可能超出了舞臺(tái)，也可能是設(shè)計(jì)師粗心，在舞臺(tái)外面有個(gè)點(diǎn)或者啥的�？傊�這個(gè)圖標(biāo)會(huì)把整個(gè)字體撐開(kāi)，我們需要參考上面的用二分法排除這個(gè)圖標(biāo)。刪除重新生成字體即可。

審核一般要多久，有什么注意事項(xiàng)沒(méi)?

審核一般 1-2 個(gè)工作日 (不過(guò)如果審核同學(xué)忙暴斃，望諒解...)審核不通過(guò)的原因可能是：?jiǎn)紊珗D標(biāo)與多色圖標(biāo)混合在一個(gè)圖標(biāo)庫(kù)內(nèi)

沒(méi)有符合繪制規(guī)則，參照幫助中心 繪制規(guī)則

圖標(biāo)質(zhì)量實(shí)在辣眼睛

抄襲 Iconfont 線上已有多色圖標(biāo)

大家在對(duì)圖標(biāo)庫(kù)和圖標(biāo)命名的時(shí)候，盡量如實(shí)描述，不要出現(xiàn)只有自己才能懂的火星文，考慮到圖標(biāo)庫(kù)的公開(kāi)屬性，通用易懂比較綠色健康無(wú)公害

微博登錄有問(wèn)題?

微博登陸的問(wèn)題，我們也很無(wú)奈，不是太穩(wěn)定，也沒(méi)有啥反饋的渠道，建議大家可以先使用github登陸，后續(xù)我們會(huì)嘗試接入qq，微信啥的，或者自建賬戶體系。