IconFont 图标
-
app.icon-app
-
computer.icon-computer
-
edit.icon-edit
-
folder.icon-folder
-
information.icon-information
-
mail.icon-mail
-
mark.icon-mark
-
message.icon-message
-
phone.icon-phone
-
rest.icon-rest
-
edit.icon-edit1
-
pic.icon-pic
-
survey.icon-survey
-
account.icon-account
-
calendar.icon-calendar
-
3column.icon-3column
-
4column.icon-4column
-
box.icon-box
-
pin.icon-pin
-
product-features.icon-productfeatures
-
supplier-features.icon-supplierfeatures
-
office.icon-office
-
personal-center.icon-gerenzhongxin
-
rejected-order.icon-rejectedorder
-
bussiness-man.icon-bussinessman
-
Mobile-phone.icon-mobilephone
-
wxb报表.icon-wxbbaobiao
-
wxb工具.icon-wxbgongju
-
list view.icon-listview
-
人文.icon-renwen
-
适中.icon-shizhong
-
图片.icon-tupian
-
悠闲.icon-youxian
-
娱乐.icon-yule
-
智能优化.icon-zhinengyouhua
-
中转.icon-zhongzhuan
-
自然风光.icon-ziranfengguang
-
自行车.icon-zixingche
-
综合.icon-zonghe
-
起飞.icon-qifei
-
步行.icon-buxing
-
差评.icon-chaping
-
好评.icon-haoping
-
提醒.icon-tixing
-
其他.icon-qita
-
舒适度.icon-shushidu
-
inquiry-template.icon-inquirytemplate
-
template-default.icon-templatedefault
-
safari.icon-safari
-
iconfont-youhuiquan.icon-iconfontyouhuiquan
-
iconfont-mingpian.icon-iconfontmingpian
-
如期发货.icon-ruqifahuo
-
隐藏可见.icon-yingckjian
-
赞_S.icon-zans
-
list_组合.icon-listzuhe
-
survey.icon-survey1
-
data.icon-data
-
all.icon-all
-
account.icon-account1
-
browse.icon-browse
-
text.icon-text
-
signboard.icon-signboard
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"。