1，百度iconfont,找到阿里巴巴矢量圖標(biāo)庫官網(wǎng),然后注冊登錄,或者用github登錄也行,此步驟跳過;
2，找到圖標(biāo)管理->我的項目->然后新建項目:
3，項目新建完成后,往項目里添加我們要想使用的圖標(biāo),找到圖標(biāo)庫,搜索一個想要的圖標(biāo),然后添加到購物車;
4，添加到購物車完成后,購物車徽章數(shù)字應(yīng)該顯示1了,點擊右上角的購物車圖標(biāo),選擇添加至項目,選擇我們剛剛創(chuàng)建的項目,確定;
5，接下來一部比較關(guān)鍵,將打包好的字體文件下載到本地添加到你的項目中,在項目中引用文件中的iconfont.css文件;
6，:到了最后一步了,如何在項目中使用字體圖標(biāo)呢,其實很簡單,創(chuàng)建一個i標(biāo)簽或者span標(biāo)簽,添加兩個類名,一個固定的是iconfont,另一個是你想要的那個圖標(biāo)對應(yīng)的類名:
CSS部分
.icon-shixin{
? ? font-size: 18px;
? ? color:red;
? ? }
? ? .icon-kongxin{
? ? font-size: 18px;
? ? color:red;
? ? }
DIV部分
<div class="iconfontclass">
? <i class="iconfont icon-shixin"> </i>
? <i class="iconfont icon-kongxin"> </i>
? </div>
引入
<link rel="stylesheet" href="${request.contextPath}/statics/css/iconfont/iconfont.css">
https://www.cnblogs.com/hjvsdr/p/6639649.html
在原有的基礎(chǔ)上再次修改
https://blog.csdn.net/DreamITEffort/article/details/84581317
