IconFont 图标
-
资料库.icon-book-2
-
插件.icon-chajian
-
用研.icon-pen
-
通知.icon-tongzhi
-
认证.icon-renzheng
-
图书.icon-tushu
-
皇冠.icon-huangguan
-
进口商品.icon-jinkoushangpin
-
生鲜水果.icon-shengxianshuiguo
-
直播间.icon-zhibojian
-
备注.icon-beizhu
-
round_check_fill.icon-roundcheckfill
-
round_check.icon-roundcheck
-
round_close_fill.icon-roundclosefill
-
round_close.icon-roundclose
-
warn_fill.icon-warnfill
-
question_fill.icon-questionfill
-
more_android.icon-more
-
关联 绑定.icon-guanlianbangding
-
天猫提示-提醒.icon-tixing
-
搜索.icon-search
-
换一批.icon-refresh
-
朋友圈.icon-pengyouquan
-
新浪.icon-xinlang
-
微信.icon-weixin
-
返回7.icon-fanhui7
-
返回5.icon-fanhui5
-
更多.icon-more-b
-
收藏-选中.icon-shoucangxuanzhong
-
creative_fill.icon-creativefill
-
creative.icon-creative
-
旅游特惠.icon-find
-
城市服务.icon-city
-
教育缴费.icon-school
-
服务窗B.icon-flag-star
-
探索A.icon-earth-a
-
探索B.icon-earth
-
头像.icon-iconfontnanshangjia
-
会员客户.icon-huiyuankehu
-
present_fill.icon-presentfill
-
图片_填充.icon-images
-
community_fill.icon-communityfill
-
3.1关注-选中.icon-31guanzhuxuanzhong
-
3.1关注.icon-31guanzhu
-
3.1我的-选中.icon-mine
-
3.1我的.icon-mine-a
-
3.1 签到.icon-31qiandao
-
ios-cog.icon-ioscog
-
hot_fill.icon-hotfill
-
write_fill.icon-writefill
-
kuaisufan.icon-kuaisufan
-
wbdicon-android.icon-android
-
wbdicon-apple.icon-ios
-
优惠.icon-youhui
-
不可见.icon-bukejian
-
其他文档.icon-qitawendang
-
性别男.icon-xingbienan
-
性别女.icon-xingbienv
-
iconfont-5.icon-iconfont5
-
同步收藏.icon-tongbushoucang
-
二维码.icon-qrcode
-
链接.icon-link
-
上翻.icon-up
-
设置.icon-set
-
声音.icon-shengyin
-
下翻.icon-down
-
向右箭头.icon-xiangyoujiantou
-
向左箭头.icon-xiangzuojiantou
-
另存为.icon-lingcunwei
-
火.icon-hot
-
其他.icon-qita
-
代码.icon-ai-code
-
but-状态标记.icon-flag-2
-
隐藏.icon-yincang
-
skin_fill.icon-skinfill
-
对号.icon-right
-
关闭箭头.icon-close
-
滤镜.icon-lvjing
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"。