iconfont怎么引入

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

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

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

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

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