IconFont 圖標(biāo)
-
表情.subicon-biaoqing
-
鈴鐺.subicon-lingdang
-
星.subicon-jinlingyingcaiwangtubiao29
-
旗艦型聯(lián)營(yíng)資格.subicon-zige
-
贊.subicon-zan1
-
分享.subicon-fenxiang
-
標(biāo)記.subicon-open-bookmarks
-
時(shí)評(píng)/評(píng)論.subicon-shiping
-
刪除.subicon-del
-
一拍檔專區(qū)_流程03_外貿(mào)跟單.subicon-qian
-
箭頭 向右.subicon-jiantouxiangyou
-
計(jì)算機(jī).subicon-jisuanji
-
井.subicon-jing
-
建筑.subicon-jianzhu
-
提問.subicon-icon5
-
箭頭.subicon-arrow-left-copy-copy
-
評(píng)論.subicon-pinglun-copy
-
刷新 (1).subicon-shuaxin1
-
會(huì)計(jì)從業(yè).subicon-kuaijicongye
-
醫(yī)藥箱.subicon-yiyaoxiang
-
收藏.subicon-shoucang
-
瀏覽量.subicon-liulanliang
-
more.subicon-more
-
message.subicon-message
-
打叉.subicon-dacha
-
tag.subicon-tag
-
查看.subicon-chakan
-
公告.subicon-gonggao
-
人.subicon-ren
-
搜索.subicon-sousuo
-
政府合作.subicon-zhengfuhezuo
-
專題練習(xí).subicon-zhuantilianxi
-
箭頭.subicon-jiantou
-
加號(hào).subicon-jiahao
-
退出.subicon-web-quit
-
性別.subicon-xingbie
-
箭頭.subicon-jiantoushang2
-
tag.subicon-tag1
-
圓圈.subicon-yuanquan
-
贊.subicon-zan
-
評(píng)論.subicon-pinglun
-
定位.subicon-dingwei
-
人.subicon-ren1
-
日期.subicon-riqi
-
下載.subicon-xiazai
-
收 藏.subicon-shoucang1
-
練習(xí).subicon-lianxi
-
主頁(yè).subicon-zhuye
-
練習(xí).subicon-lianxi1
-
寫.subicon-xie
-
查看.subicon-view
-
性別.subicon-xingbie1
-
學(xué)歷.subicon-xueli
-
修改.subicon-xiugai
-
會(huì)計(jì).subicon-huiji
-
簽到.subicon-sign
-
試卷.subicon-shijuan
-
課程.subicon-kecheng
-
右箭頭.subicon-zyojiantou
font-class引用
font-class是unicode使用方式的一種變種，主要是解決unicode書寫不直觀，語(yǔ)意不明確的問題。
與unicode使用方式相比，具有如下特點(diǎn)：
- 兼容性良好，支持ie8+，及所有現(xiàn)代瀏覽器。
- 相比于unicode語(yǔ)意明確，書寫更直觀?？梢院苋菀追直孢@個(gè)icon是什么。
- 因?yàn)槭褂胏lass來定義圖標(biāo)，所以當(dāng)要替換圖標(biāo)時(shí)，只需要修改class里面的unicode引用。
- 不過因?yàn)楸举|(zhì)上還是使用的字體，所以多色圖標(biāo)還是不支持的。
使用步驟如下：
第一步：引入項(xiàng)目下面生成的fontclass代碼：
<link rel="stylesheet" type="text/css" href="./iconfont.css">第二步：挑選相應(yīng)圖標(biāo)并獲取類名，應(yīng)用于頁(yè)面：
<i class="subfont subicon-xxx"></i>"subfont"是你項(xiàng)目下的font-family?？梢酝ㄟ^編輯項(xiàng)目查看，默認(rèn)是"iconfont"。