File: /www/wwwroot/1.scey.cn/wp-content/themes/Leading/static/fonts/demo.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>IconFont Demo</title>
<link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
<link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
<link rel="stylesheet" href="demo.css">
<link rel="stylesheet" href="iconfont.css">
<!-- 代码高亮 -->
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
</head>
<body>
<div class="main">
<div class="tab-container">
<div class="article markdown">
<h2 id="font-class-">font-class 引用</h2>
<hr>
<h3 id="-">挑选相应图标并获取类名，应用于需要显示的位置：</h3>
<pre><code class="language-html"><i class="iconfont icon-xxx"></i></code></pre>
<hr>
</div>
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icon-locationfill"></span>
<div class="name">
location_fill
</div>
<div class="code-name">.icon-locationfill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shang"></span>
<div class="name">
上
</div>
<div class="code-name">.icon-shang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-weixin"></span>
<div class="name">
微信
</div>
<div class="code-name">.icon-weixin
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-weibo"></span>
<div class="name">
微博
</div>
<div class="code-name">.icon-weibo
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiangyou1"></span>
<div class="name">
向右1
</div>
<div class="code-name">.icon-xiangyou1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiangzuo1"></span>
<div class="name">
向左1
</div>
<div class="code-name">.icon-xiangzuo1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiangce"></span>
<div class="name">
相册
</div>
<div class="code-name">.icon-xiangce
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-weixin1"></span>
<div class="name">
微信
</div>
<div class="code-name">.icon-weixin1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-qiandai"></span>
<div class="name">
钱袋
</div>
<div class="code-name">.icon-qiandai
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-huo"></span>
<div class="name">
火
</div>
<div class="code-name">.icon-huo
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-qiandai1"></span>
<div class="name">
钱袋
</div>
<div class="code-name">.icon-qiandai1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-download"></span>
<div class="name">
下载
</div>
<div class="code-name">.icon-download
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-taiyang_sun61"></span>
<div class="name">
太阳_sun61
</div>
<div class="code-name">.icon-taiyang_sun61
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-QQ"></span>
<div class="name">
QQ
</div>
<div class="code-name">.icon-QQ
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-weixin3"></span>
<div class="name">
微信
</div>
<div class="code-name">.icon-weixin3
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fatieliang"></span>
<div class="name">
发帖量
</div>
<div class="code-name">.icon-fatieliang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yonghu"></span>
<div class="name">
用户
</div>
<div class="code-name">.icon-yonghu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-duihao"></span>
<div class="name">
对号
</div>
<div class="code-name">.icon-duihao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-guanfang"></span>
<div class="name">
官方
</div>
<div class="code-name">.icon-guanfang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fuzhi"></span>
<div class="name">
复制
</div>
<div class="code-name">.icon-fuzhi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fanhui"></span>
<div class="name">
返回
</div>
<div class="code-name">.icon-fanhui
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gengduo"></span>
<div class="name">
更多
</div>
<div class="code-name">.icon-gengduo
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-youxiang"></span>
<div class="name">
符号-邮箱
</div>
<div class="code-name">.icon-youxiang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-collection_fill"></span>
<div class="name">
collection_fill
</div>
<div class="code-name">.icon-collection_fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-collection"></span>
<div class="name">
collection
</div>
<div class="code-name">.icon-collection
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ykq_tab_tougao"></span>
<div class="name">
ykq_tab3_投稿
</div>
<div class="code-name">.icon-ykq_tab_tougao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiugaimima"></span>
<div class="name">
修改密码
</div>
<div class="code-name">.icon-xiugaimima
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shipin"></span>
<div class="name">
视频
</div>
<div class="code-name">.icon-shipin
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhanghaoxinxi"></span>
<div class="name">
账号信息
</div>
<div class="code-name">.icon-zhanghaoxinxi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yinpin"></span>
<div class="name">
音频
</div>
<div class="code-name">.icon-yinpin
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiangzuo"></span>
<div class="name">
向右
</div>
<div class="code-name">.icon-xiangzuo
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-biaoqian"></span>
<div class="name">
标签
</div>
<div class="code-name">.icon-biaoqian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shuaxin"></span>
<div class="name">
刷新
</div>
<div class="code-name">.icon-shuaxin
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiazai1"></span>
<div class="name">
下载
</div>
<div class="code-name">.icon-xiazai1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xia"></span>
<div class="name">
下
</div>
<div class="code-name">.icon-xia
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wenzhang"></span>
<div class="name">
文章
</div>
<div class="code-name">.icon-wenzhang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fenxiang"></span>
<div class="name">
分享
</div>
<div class="code-name">.icon-fenxiang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sousuo"></span>
<div class="name">
搜索
</div>
<div class="code-name">.icon-sousuo
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-guanbi1"></span>
<div class="name">
关 闭
</div>
<div class="code-name">.icon-guanbi1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhaoyou"></span>
<div class="name">
朝右
</div>
<div class="code-name">.icon-zhaoyou
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiangyou"></span>
<div class="name">
向右
</div>
<div class="code-name">.icon-xiangyou
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tuichudenglu"></span>
<div class="name">
退出登录
</div>
<div class="code-name">.icon-tuichudenglu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fenleimulu"></span>
<div class="name">
分类目录
</div>
<div class="code-name">.icon-fenleimulu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-weidenglu"></span>
<div class="name">
未登录
</div>
<div class="code-name">.icon-weidenglu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-icon-test"></span>
<div class="name">
view
</div>
<div class="code-name">.icon-icon-test
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yibiaopan1"></span>
<div class="name">
仪表盘
</div>
<div class="code-name">.icon-yibiaopan1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fenxiang-tongyong"></span>
<div class="name">
分享-通用
</div>
<div class="code-name">.icon-fenxiang-tongyong
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-caidan"></span>
<div class="name">
彩蛋_line
</div>
<div class="code-name">.icon-caidan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dianzan"></span>
<div class="name">
点赞_line
</div>
<div class="code-name">.icon-dianzan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-lihe"></span>
<div class="name">
礼盒_line
</div>
<div class="code-name">.icon-lihe
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-rili"></span>
<div class="name">
日历_line
</div>
<div class="code-name">.icon-rili
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pinglun"></span>
<div class="name">
评论_line
</div>
<div class="code-name">.icon-pinglun
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shequ"></span>
<div class="name">
社区_line
</div>
<div class="code-name">.icon-shequ
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shijian"></span>
<div class="name">
时间_line
</div>
<div class="code-name">.icon-shijian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shouye"></span>
<div class="name">
首页_line
</div>
<div class="code-name">.icon-shouye
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiangkan"></span>
<div class="name">
想看_line
</div>
<div class="code-name">.icon-xiangkan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yixiangkan"></span>
<div class="name">
已想看_line
</div>
<div class="code-name">.icon-yixiangkan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-icon_yejianmoshi"></span>
<div class="name">
icon_夜间模式
</div>
<div class="code-name">.icon-icon_yejianmoshi
</div>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>