IconFont 图标
-
减号.icon-jianhao
-
微信.icon-weixin
-
删除.icon-shanchu
-
更多.icon-gengduo
-
左箭头.icon-zuojiantou
-
手机.icon-shouji
-
书1.icon-shu1
-
箭头右.icon-jiantouyou
-
定位.icon-dingwei
-
搜索.icon-search
-
添加.icon-tianjia
-
地图.icon-ditu
-
全部类目.icon-allcate
-
收益转化.icon-shouyizhuanhua
-
加号.icon-jiahao
-
关闭返回.icon-099
-
新浪微博.icon-xinlangweibo
-
关闭.icon-2
-
qq.icon-qq
-
旅游网.icon-travel
-
设置.icon-shezhi
-
邮箱.icon-youxiang
-
加.icon-jia
-
购物.icon-gouwu
-
汽车.icon-qiche
-
加载中.icon-jiazaizhong
-
用户名.icon-yonghuming
-
乘号.icon-chenghao
-
成功.icon-chenggong
-
验证码.icon-ad80
-
玩乐.icon-wanle
-
日历.icon-rili
-
美食.icon-meishi
-
关于我们.icon-icon071
-
我的.icon-wode
-
分享.icon-fenxiang
-
返回.icon-fanhui
-
多选框icon.icon-duoxuankuangicon
-
地图.icon-ditu1
-
购物退税.icon-gouwutuishui
-
返回上级16px.icon-fanhuishangji16px
-
返回上级16px.icon-fanhuishangji16px1
-
住宿.icon-zhusu
-
旅游.icon-lvyou
-
密码.icon-mima
-
购物.icon-gouwu1
-
iconfont-jia.icon-iconfontjia
-
手势.icon-shoushi
-
欢迎吐槽.icon-huanyingtucao
-
赞赞.icon-zanzan
-
收入.icon-iconfontqitashouru
-
邮箱.icon-youxiang1
-
其他.icon-pita
-
问号.icon-wenhao
-
计算器.icon-jisuanqi
-
住宿.icon-zhusu1
-
单个删除.icon-shanchu1
-
防骗秘籍.icon-fangpianmiji
-
对勾.icon-duigou
-
交通.icon-bus-copy
-
计算器.icon-jisuanqi1
-
美食.icon-iconfontmeishi0
-
眼睛 闭眼 闭着眼睛.icon-yey2-copy
-
云备份.icon-yunbeifen
-
所得税.icon-suodeshui
-
眼睛.icon-yanjing
-
关闭.icon-guanbi
-
记账.icon-jizhang
-
记账.icon-dianpu
-
税费计算器.icon-taxcount
-
15房贷计算59a590.icon-15fangdaijisuan59a590
-
闭眼.icon-biyan
-
NEW.icon-new
-
楼房.icon-loufang
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"。