有時候須要用不少圖標去完成必定的頁面效果和工做展示,框架內置的圖標可能知足不了咱們的需求,有個很好的圖標庫想必你們都知道-----就是阿里圖標庫。那麼咱們如何纔可以把阿狸圖標庫的圖標引用到本身的項目中呢?耐着性子往下看吧!
阿里圖標庫地址:https://www.iconfont.cn/
1.根據所需搜索到想要的圖標,鼠標懸停,點擊添加到購物車
2.點擊購物車
3.點擊添加至項目
4.選擇添加到一個項目裏面,點擊肯定
5.點擊font class 的選項,能夠看到你添加過的圖標,下面的英文對應的是圖標代碼,點擊下載至本地。
6.你會的到一個download的壓縮包,解壓文件
7.複製除第一個二文件其他的文件至你的項目資源目錄
8.引用iconfont.css至你的前端項目 請注意引用文件路徑的正確性。
9.使用的時候
第一個類名是固定的iconfont 第二個類名是你所須要的類名,取自於fontClass代碼
css