今天給大家介紹一下阿里圖標庫引用彩色圖標的方法。
首先解釋一下彩色圖標是什么？又或者我們可以把彩色圖標用在什么地方：
正如我們的網(wǎng)站所示：首頁(yè)頂部菜單，文章分類(lèi)菜單的彩色圖標就是引用的字體圖標。當然我是將字體圖標下載下來(lái)引用然后修改css控制變色的，不算真正的彩色字體圖標。下面我就來(lái)介紹一下彩色圖標的運用：
使用步驟
1.登錄阿里圖標：https://www.iconfont.cn，如果沒(méi)有賬號先注冊，創(chuàng )建一個(gè)項目，項目名稱(chēng)隨意，比如下圖所示：
2.創(chuàng )建好項目以后，搜索自己需要的圖標，添加入庫（圖標上的購物車(chē)），或者上傳自己的圖標入庫。
3.添加完成后需要添加到項目，可以選擇右上角的購物車(chē)圖標，點(diǎn)擊添加至項目。
4.找到我的項目，可以看到我們添加的圖標
5.引入項目下面生成的 symbol 代碼添加到7b2主題-常規設置-頭部HTML標簽中（每次添加更新圖標時(shí)都要重新點(diǎn)擊更新代碼并替換）
<script src="你的阿里圖庫js代碼"></script>
6.加入通用 CSS 代碼到7b2的子主題style.css中
/*阿里巴巴圖標*/svg.icon{ width:1em; height:1em; margin-bottom:-2px;}
7.挑選相應圖標并獲取類(lèi)名，添加到后臺-外觀(guān)-菜單中
<svg class="icon" aria-hidden="true"><use xlink:href="#icon-xxx"></use></svg>
8.#icon-xxx為你添加的項目圖標名（#后邊的代碼）
9.大功告成請查看，記得清理一下緩存，有CDN的刷新一下
本站僅提供存儲服務(wù)，所有內容均由用戶(hù)發(fā)布，如發(fā)現有害或侵權內容，請
點(diǎn)擊舉報。
