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