IconFont 图标
-
签名.icon-qianming
-
充值1.icon-chongzhi1
-
常见问题.icon-changjianwenti
-
优惠.icon-slice2
-
意见反馈.icon-yijianfankui
-
帮助文档.icon-bangzhuwendang
-
问题.icon-wenti
-
icon_安全.icon-icon_anquan
-
11.切换账号(其他线型).icon-switch-account
-
意见反馈问.icon-yijianfankuiwen
-
意见反馈.icon-yijianfankui1
-
切换账号.icon-qiehuanzhanghao
-
电脑.icon-diannao
-
右箭头.icon-icon1
-
视频.icon-shipin1
-
意见反馈.icon-yijianfankui2
-
官网.icon-guanwang
-
礼物.icon-weibiaoti-
-
我的_同步更新身份2.icon-wode_tongbugengxinshenfen
-
常见问题.icon-submit-question
-
意见反馈.icon-yijianfankui3
-
已发.icon-yifa
-
已发送.icon-yifasong
-
退出.icon-tuichu
-
版本更新.icon-banbengengxin
-
版本更新.icon-app_icons--15
-
视频.icon-shipin
-
意见反馈.icon-yijianfankui4
-
视频.icon-shipin2
-
同步菜谱.icon-tongbucaipu
-
同步至云端.icon-isochronous-data
-
个人设置信息.icon-gerenshezhixinxi
-
我的-关于我们.icon-wode-guanyuwomen
-
同步到服务器.icon-icon-tongbudaofuwuqi
-
官网.icon-guanwang1
-
分值及其他设置.icon-fenzhijiqitashezhi
-
优惠.icon-youhui
-
官网.icon-guanwang2
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"。