iconfont怎么用，iconfont用法

iconfont沒有版權(quán)。iconfont平臺(tái)的Logo、“iconfont.cn”等文字、圖形及其組合，以及iconfont平臺(tái)的其他標(biāo)識(shí)、徵記、產(chǎn)品和服務(wù)名稱均為iconfont及其關(guān)聯(lián)公司在中國(guó)和其它國(guó)家的商標(biāo)，未經(jīng)iconfont書面授權(quán)，任何人不得以任何方式展示、使用或作其他處理，也不得向他人表明您有權(quán)展示、使用或作其他處理。用戶承諾不得以任何方式利用iconfont平臺(tái)直接或間接從事違反中國(guó)法律以及社會(huì)公德的行為，iconfont有權(quán)對(duì)違反上述承諾的行為采取措施（包括但不限于刪除違反承諾的內(nèi)容、暫?；蛲Ｖ篂橛脩籼峁┓?wù)等）并在iconfont平臺(tái)予以通知公告。

首先登陸iconfont官網(wǎng)，然后點(diǎn)擊由上角的登錄按鈕進(jìn)行登錄，還沒有賬號(hào)的小伙伴需要先注冊(cè)哦！在彈出的對(duì)話框中選擇你的登錄方式，登錄成功后右上角便會(huì)顯示你的賬號(hào)信息哦！準(zhǔn)備工作做好后，在搜索框中輸入你需要的圖標(biāo)如“首頁(yè)”，然后敲回車，就會(huì)出現(xiàn)很多關(guān)于“首頁(yè)”的圖標(biāo)。將鼠標(biāo)移至你需要下載的圖標(biāo)上，從上到下依次有三個(gè)選項(xiàng)，分別是“添加入庫(kù)”、“收藏”、“下載圖標(biāo)”，然后點(diǎn)擊“下載圖標(biāo)”。在彈出的對(duì)話框中你可以選擇改變圖標(biāo)的顏色。調(diào)好顏色后選擇底部提供的樣式進(jìn)行下載即可。

打開百度首頁(yè)，搜索【iconfont】，在搜索列表中打開第一個(gè)官網(wǎng)。進(jìn)入官網(wǎng)后可以看到網(wǎng)站里有很多成套的圖標(biāo)，我們點(diǎn)擊右上角的【登錄】按鈕，可以選擇用微博快捷登錄哦。登錄后在頂部導(dǎo)航中一次點(diǎn)擊【圖標(biāo)庫(kù)】-【官方圖標(biāo)庫(kù)】，也可以選擇其他的圖標(biāo)庫(kù)哦。找到自己想要下載的圖標(biāo)庫(kù)，點(diǎn)擊進(jìn)入。找到自己想下載的圖標(biāo)，鼠標(biāo)放在圖標(biāo)上，點(diǎn)擊【下載】按鈕。（也可以加入購(gòu)物車批量一起下載哦）。在彈窗中可以修改圖標(biāo)的顏色、大小，修改完成后點(diǎn)擊【AI下載】或【PNG下載】。我們可以把兩個(gè)都下載一下看下，png是可以直接使用的哦，AI下載下來的是矢量圖，可以用AI打開進(jìn)行矢量圖的編輯哦。

1、登錄阿里巴巴矢量圖標(biāo)庫(kù)，網(wǎng)址：https://www.iconfont.cn/。2、登錄賬戶（可以用微博、GitHub賬號(hào)直接登錄）。3、搜索自己需要的圖標(biāo)，例如：手機(jī)，不得不說，圖標(biāo)非常之多！（下面顯示的只是部分內(nèi)容）。4、選取自己需要的圖標(biāo)，添加入庫(kù)。5、搜索并添加自己需要的其他圖標(biāo)入庫(kù)，例如我添加了著一些。6、引用阿里圖標(biāo)庫(kù)的方法有三種，分別是：調(diào)用阿里cdn遠(yuǎn)程引入，下載圖標(biāo)引入圖標(biāo)文件（支持PNG和SVG和AI格式圖片下載），下載圖片字體文件自行引入（下載下來的壓縮包中有演示文檔及使用說明）。7、對(duì)于阿里圖標(biāo)庫(kù)中不存在的圖標(biāo)或者說，你沒有搜到這款圖標(biāo)，但是你在別的圖標(biāo)庫(kù)中下載到了這款圖標(biāo)的話，你還可以將該圖標(biāo)上傳到你的項(xiàng)目里面去，這樣，你就可以通過阿里圖標(biāo)庫(kù)來調(diào)用這款圖標(biāo)了。

官網(wǎng)搜索iconfont下載即可。iconfont一個(gè)阿里爸爸做的開源圖庫(kù)，人家還有專門的 github issue，但人家的圖標(biāo)數(shù)量還是很驚人的，不僅有幾百個(gè)公司的開源圖標(biāo)庫(kù)，還有各式各樣的小圖標(biāo)，還支持自定義創(chuàng)建圖標(biāo)庫(kù)，所以不管你是一家創(chuàng)業(yè)公司還是對(duì)設(shè)計(jì)很有要求的公司，它都能很好的幫助你解決管理圖標(biāo)的痛點(diǎn)。阿里巴巴iconfont+ 也是圖標(biāo)字體開發(fā)時(shí)生成字體文件及demo的網(wǎng)站；阿里巴巴iconfont+ 生成的demo可以解決圖標(biāo)單色調(diào)問題，其原理是 生成svg合集， 然后使用svg呈現(xiàn)圖標(biāo)。但該方式兼容性較差（SVG兼容小結(jié)）， 如是移動(dòng)端開發(fā)不考慮低版本瀏覽器兼容問題可以嘗試該方式。