IconFont 图标
-
团.icon-tuan
-
咖啡.icon-kafei
-
社区.icon-shequ
-
下载.icon-xiazai
-
android.icon-android
-
手机.icon-shouji
-
电话.icon-dianhua
-
电话.icon-dianhua2
-
客服.icon-kefu2
-
心.icon-xin
-
邀请.icon-yaoqing
-
沟通.icon-goutong
-
鼠标.icon-shubiao
-
医疗.icon-73316
-
域名解析.icon-yumingjiexi
-
别针.icon-xuchaobiaoqian
-
右箭头.icon-mjiantou
-
app.icon-app
-
餐饮.icon-canyin
-
眼睛.icon-svgiconyouxi
-
ios.icon-ios
-
开发.icon-kaifa
-
微信.icon-weixin
-
1火箭.icon-huojian
-
服务.icon-service
-
开启活动.icon-kaiqihuodong
-
电脑.icon-diannao1
-
O2O.icon-o2o
-
会员卡.icon-kaxinxi
-
球会选中.icon-qiuhuixuanzhong
-
线上.icon-xianshang
-
wifi.icon-wifi
-
旅游.icon-lvyou
-
qq.icon-qq
-
客服.icon-kefu1
-
维护.icon-weihu
-
买入份额.icon-fene
-
返回顶部.icon-top
-
系统.icon-xitong
-
菜单.icon-menu
-
兼容性.icon-jianrongxing
-
更多.icon-gengduo
-
UI.icon-ui
-
交互原型设计.icon-jhyxsj
-
客服.icon-kefu
-
商城.icon-shangcheng
-
错.icon-cuo
-
台灯.icon-taideng
-
iconfont整合-29.icon-zhenghe
-
培训 (1).icon-peixun
-
上传.icon-shangchuan
-
聊天.icon-liaotian
-
相册.icon-xiangce
-
相机.icon-xiangji
-
视觉设计.icon-shijuesheji
-
流程.icon-liucheng
-
拼图.icon-pintu
-
下载.icon-xiazai1
-
数据.icon-shuju
-
设计.icon-sheji
-
营销信息.icon-yingxiaoxinxi
-
汽车.icon-qiche
-
徽章.icon-huizhang
-
工具.icon-huaban
-
向右.icon-xiangyouyo
-
设置.icon-shezhi
-
电话.icon-dianhua1
-
银行卡.icon-yinhangqia
-
电脑.icon-diannao
-
电商.icon-dianshang
-
金融.icon-jinrong
-
合同.icon-ziyuan
-
6收货验收.icon-yanshou
-
累计营业额.icon-yingyee
-
微信.icon-weixin1
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"。