iconfont 字體圖標(biāo)使用
到iconfont.cn查找需要的圖標(biāo)(先登錄)
每個(gè)都點(diǎn)擊“添加入庫(kù)”
點(diǎn)擊頂部的購(gòu)物車(chē)圖標(biāo)
“添加到項(xiàng)目”,新建一個(gè)項(xiàng)目,確定后
點(diǎn)擊下載到本地,解壓,我們選擇fontClass方式加載字體圖標(biāo)
-
需要的文件:
- iconfont.css
- iconfont.eot;iconfont.svg;iconfont.ttf;iconfont.woff(字體文件,四種格式分別兼容ie,chrome,Android,ios,詳見(jiàn)iconfont.css內(nèi)注釋?zhuān)?/li>
字體文件上傳到服務(wù)器,載入iconfont.css,確保路徑正確
-
html結(jié)構(gòu):
<i class="iconfont icon-home"></i>
完畢