IconFont 图标
-
订单.icon-orders
-
订单.icon-order
-
收藏.icon-shoucang
-
基金.icon-jijin
-
按时间检索.icon-anshijianjiansuo
-
编辑.icon-bianji
-
播放.icon-bofang
-
播放分享.icon-bofangfenxiang
-
播放文稿.icon-bofangwengao
-
播放继续.icon-bofangjixu
-
播放下载.icon-bofangxiazai
-
确认.icon-queren
-
播放暂停.icon-bofangzanting
-
底部返回.icon-dibufanhui
-
调整字体.icon-tiaozhengziti
-
点赞.icon-dianzan
-
返回.icon-fanhui
-
个人编辑.icon-gerenbianji
-
宫格模式.icon-gonggemoshi
-
关闭.icon-guanbi
-
含视频.icon-hanshipin
-
关注他.icon-guanzhuta
-
更多.icon-gengduo
-
含文本.icon-hanwenben
-
含音频.icon-hanyinpin
-
加关注.icon-jiaguanzhu
-
后退20秒.icon-houtuimiao
-
列表模式.icon-liebiaomoshi
-
精选推荐.icon-jingxuantuijian
-
立即绑定.icon-lijibangding
-
买买买.icon-maimaimai
-
密码不可见.icon-mimabukejian
-
评分.icon-pingfen
-
评分线框.icon-pingfenxiankuang
-
密码可见.icon-mimakejian
-
其他检索.icon-qitajiansuo
-
前进20秒.icon-qianjinmiao
-
全屏.icon-quanping
-
全部专栏.icon-quanbuzhuanlan
-
热门排行.icon-remenpaihang
-
闪电开户.icon-shandiankaihu
-
上一个.icon-shangyige
-
首页收起.icon-shouyeshouqi
-
收起.icon-shouqi
-
首页展开.icon-shouyezhankai
-
缩小.icon-suoxiao
-
搜索.icon-sousuo
-
通知.icon-tongzhi
-
下一个.icon-xiayige
-
下载.icon-xiazai
-
行情功能收起.icon-hangqinggongnengshouqi
-
选择.icon-xuanze
-
行情功能展开.icon-hangqinggongnengzhankai
-
已点赞.icon-yidianzan
-
已购项目.icon-yigouxiangmu
-
一键打新.icon-yijiandaxin
-
已关注.icon-yiguanzhu
-
输入删除.icon-shurushanchu
-
已阅读.icon-yiyuedu
-
暂停.icon-zanting
-
展开.icon-zhankai
-
资产降序.icon-zichanjiangxu
-
资产升序.icon-zichanshengxu
-
最热.icon-zuire
-
设置.icon-shezhi
-
付费内容.icon-fufeineirong
-
日历.icon-rili
-
货币符号.icon-huobifuhao
-
文章页评论.icon-wenzhangyepinglun
-
文章页返回.icon-wenzhangyefanhui
-
提醒 实心.icon-tixingshixin
-
专题.icon-zhuanti
-
相关文章.icon-xiangguanwenzhang
-
收藏未点.icon-shoucangweidian
-
下一步.icon-xiayibu
-
下一步.icon-xiayibu1
-
返回时间.icon-fanhuishijian
-
禁按铃.icon-jinanling
-
买入.icon-mairu
-
分享.icon-fenxiang1
-
提醒.icon-tixing
-
卖出.icon-maichu
-
加自选.icon-jiazixuan
-
已添加自选.icon-yitianjiazixuan
-
最新视频.icon-zuixinshipin
-
行情功能收起粗.icon-hangqinggongnengshouqicu
-
全部订单.icon-quanbudingdan
-
离线下载.icon-lixianxiazai
-
播放列表.icon-bofangliebiao
-
播放1.icon-bofang1
-
暂停1.icon-zanting1
-
分享.icon-fenxiang2
-
全部订单2.icon-quanbudingdan1
-
调整字体cap lower.icon-tiaozhengziticaplower
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"。