2.3.1 首先打開iconfont官網(wǎng)注冊帳號并登錄
2.3.2 在搜索中尋找我們需要的圖標(biāo)
2.3.3 在自己想用的圖標(biāo)上hover之后添加到購物車
2.3.4 點(diǎn)開右上角購物車將剛才選的圖標(biāo)添加到新的項(xiàng)目中
2.3.5 將字體文件下載到本地
2.3.6 將所需文件,添加至自己的項(xiàng)目中
我把所有文件放在項(xiàng)目css/iconfont文件夾下
2.3.7 去掉iconfont.css中
.iconfont {
font-size:16px;
}
2.3.8 在ApiCloud項(xiàng)目中引用
① 首先在要引入圖標(biāo)的頁面引入iconfont.css
<link rel="stylesheet" type="text/css" href="../../css/iconfont/iconfont.css"/>
② 利用fontclass的形式使用(具體可以看剛才壓縮包中的demo_fontclass.html)
<i class="iconfont icon-phone H-font-size-22 H-vertical-middle" style="color: #9b9b9b"></i>