IconFont 图标
-
美金一袋.icon-meijinyidai
-
账户.icon-zhanghu
-
账号.icon-zhanghao
-
锁.icon-suo
-
退出.icon-fill108
-
锁.icon-suo1
-
账号.icon-zhanghao1
-
咨询.icon-jinlingyingcaiwangtubiao36
-
充值.icon-pay
-
金币.icon-jinbi
-
帮助中心.icon-bangzhuzhongxin
-
退出.icon-tuichu
-
咨询.icon-zixun-copy
-
锁.icon-lock
-
账户.icon-zhanghu1
-
关于我们.icon-guanyuwomen
-
帮助中心.icon-bangzhuzhongxin1
-
帮助中心.icon-bangzhuzhongxin2
-
关于我们.icon-guanyuwomen1
-
旗子.icon-flag
-
买入.icon-mairu
-
咨询.icon-zixun
-
旗子.icon-qizi
-
锁.icon-z-password
-
账户.icon-zhanghu2
-
团队 (1).icon-tuandui1
-
旗子.icon-flg
-
我的.icon-wode
-
充值.icon-chongzhi
-
密码.icon-mima
-
账号.icon-zhanghao2
-
密码.icon-mima1
-
金币.icon-gold
-
我的.icon-gr2
-
锁.icon-suo2
-
金币.icon-jinbi1
-
关于我们.icon-tubiaozhizuomoban
-
帮助中心.icon-bangzhuzhongxin3
-
首页.icon-shouye
-
密码.icon-mima2
-
团队.icon-tuandui
-
卖出.icon-sell
-
退出 (1).icon-tuichu1
-
密码 #ffffff & 20px.icon-mimaffffffpx
-
金币.icon-icon-test
-
卖出.icon-maichu
-
买入.icon-mairu1
-
金币.icon-coin
-
首页.icon-shouye1
-
首页.icon-shouye2
-
账户.icon-zhanghu3
-
账户.icon-svg-
-
账户.icon-zhanghu4
-
金币.icon-jinbi2
-
我的.icon-wode1
-
账号.icon-zhanghao3
-
充值.icon-chongzhi1
-
在线客服.icon-zaixiankefu
-
团队.icon-tuandui2
-
在线客服.icon-zaixiankefu1
-
交易所.icon-jiaoyisuo
-
账户.icon-zhanghu5
-
团队.icon-tuandui3
-
锁.icon-suo3
-
交易所.icon-jiaoyisuo1
-
团队 (3).icon-tuandui4
-
交易所.icon-jiaoyisuo2
-
团队 (4).icon-tuandui5
-
账号.icon-zhanghao4
-
服务台-在线客服.icon-zaixiankefu-
font-class引用
font-class是unicode使用方式的一种变种,主要是解决unicode书写不直观,语意不明确的问题。
与unicode使用方式相比,具有如下特点:
- 兼容性良好,支持ie8+,及所有现代浏览器。
- 相比于unicode语意明确,书写更直观。可以很容易分辨这个icon是什么。
- 因为使用class来定义图标,所以当要替换图标时,只需要修改class里面的unicode引用。
- 不过因为本质上还是使用的字体,所以多色图标还是不支持的。
使用步骤如下:
第一步:引入项目下面生成的fontclass代码:
<link rel="stylesheet" type="text/css" href="./iconfont.css">
第二步:挑选相应图标并获取类名,应用于页面:
<i class="iconfont icon-xxx"></i>
"iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。