IconFont 图标
-
列表.icon-list
-
发送.icon-send
-
充值.icon-recharge
-
付款方式.icon-paytype
-
电子书.icon-ebook
-
扬声器.icon-speaker
-
标签.icon-tag
-
钱袋.icon-wallet
-
照相机.icon-camera
-
正确.icon-right
-
错误.icon-fault
-
禁止.icon-deny
-
提示.icon-hint
-
创意.icon-act
-
账户.icon-account
-
文件.icon-file
-
编辑文件.icon-editfile
-
复制文件.icon-files
-
资料库.icon-books
-
竖状图.icon-stat
-
计划.icon-plan
-
用研.icon-write
-
密匙.icon-key
-
管理.icon-manage
-
首页.icon-home
-
搜索.icon-search
-
用户.icon-user
-
对话.icon-message
-
邮件.icon-email
-
赞扬.icon-good
-
批评.icon-bad
-
设置.icon-set
-
删除.icon-delete
-
信息.icon-info
-
帮助.icon-help
-
收藏.icon-mark
-
喜爱.icon-love
-
好友.icon-friends
-
编辑.icon-edit
-
附件.icon-attach
-
大列表.icon-biglist
-
大缩略图列表.icon-imglist
-
瀑布流.icon-falllist
-
列表.icon-ilist
-
下载.icon-download
-
发送邮件.icon-sendemail
-
加.icon-add
-
减.icon-sub
-
退出.icon-exit
-
打开信息.icon-openemail
-
应用中心.icon-appcenter
-
向右.icon-right1
-
环.icon-ring
-
金额.icon-money
-
图片.icon-image
-
平板.icon-pingban
-
书签.icon-bookmark
-
钻石.icon-zuanshi
-
百度.icon-baidu
-
返回.icon-fanhui
-
订阅.icon-subscription
-
返回顶部.icon-fanhuidingbu
-
刷新.icon-shuaxin
-
办公桌.icon-desk
-
向下.icon-xiangxia
-
向上.icon-xiangshang
-
银行卡.icon-yinxingqia
-
点.icon-dotc
-
向右.icon-xiangyou
-
礼物.icon-liwu
-
icon-竖杠.icon-iconshugang
-
点.icon-dot
-
右箭头.icon-arrowi
-
小箭头.icon-arrow
-
管理员.icon-writer
-
交易记录.icon-paylog
-
电话.icon-dianhua
-
购物.icon-gouwu
-
图表.icon-tubiao
-
夜间模式.icon-yejianmoshi
-
暂停.icon-zanting
-
QQ.icon-qq
-
皇冠.icon-huangguan
-
人参.icon-rencan
-
微博.icon-unie61d
-
图表.icon-tubiao1
-
金币充值.icon-dollar
-
windows.icon-windows
-
箭头.icon-arrows
-
红酒.icon-hongjiu
-
图文.icon-pictxt
-
上下.icon-shangxia
-
137学币1.icon-coin
-
日志.icon-log
-
书.icon-read
-
手机.icon-shouji
-
微信.icon-weixin
-
电脑.icon-diannao
-
票.icon-piao
-
奶茶.icon-naicha
-
阿里.icon-icon
-
单线花朵.icon-danxianhuaduo
-
块状花朵.icon-kuaizhuanghuaduo
-
vip.icon-vip
-
支付宝.icon-zhifubao
-
福蛋.icon-fudan
-
v.icon-v
-
鲜花.icon-baoji
-
晴(白天).icon-qingbaitian
-
赏2-01.icon-shang201
-
用户头像.icon-yonghutouxiang
-
画笔颜色.icon-huabiyanse
-
字体大小.icon-zitidaxiao
-
女.icon-nv
-
男.icon-nan
-
3.1收藏-选中.icon-31shoucangxuanzhong
-
3.1收藏.icon-31shoucang
-
3.1关注1-选中.icon-31guanzhu1xuanzhong
-
3.1关注1.icon-31guanzhu1
-
网站.icon-wangzhan
-
奖励所得.icon-jianglisuode
-
厨电_披萨.icon-chudianpisa
-
奖励.icon-jiangli
-
教练休息.icon-jiaolianxiuxi
-
红包.icon-hongbao
-
完.icon-wan
-
图表.icon-chart
-
淘宝.icon-taobao
-
咖啡.icon-kafei
-
银联.icon-yinlian1193427easyiconnet
-
苹果.icon-pingguo
-
安卓.icon-anzhuo-copy
-
糖果.icon-tangguo
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"。