1，百度iconfont,找到阿里巴巴矢量圖標庫官網(wǎng),然后注冊登錄,或者用github登錄也行,此步驟跳過;
2，找到圖標管理->我的項目->然后新建項目:
3脉执，項目新建完成后,往項目里添加我們要想使用的圖標,找到圖標庫,搜索一個想要的圖標,然后添加到購物車;
4姥芥，添加到購物車完成后,購物車徽章數(shù)字應(yīng)該顯示1了,點擊右上角的購物車圖標,選擇添加至項目,選擇我們剛剛創(chuàng)建的項目,確定;
5，接下來一部比較關(guān)鍵,將打包好的字體文件下載到本地添加到你的項目中,在項目中引用文件中的iconfont.css文件;
6传透，:到了最后一步了,如何在項目中使用字體圖標呢,其實很簡單,創(chuàng)建一個i標簽或者span標簽,添加兩個類名,一個固定的是iconfont,另一個是你想要的那個圖標對應(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
