xinyilu/ZhiYeJianKang_PeiXun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
1b36b5d0d0
ZhiYeJianKang_PeiXun/Song.Site/Templates/Web/Neimeng/Styles/demo.html
xinyilu 1b36b5d0d0 v1
2025-02-20 15:41:53 +08:00

978 lines
38 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>IconFont</title>
<link rel="stylesheet" href="demo.css?ver={$version}">
<link rel="stylesheet" href="iconfont.css?ver={$version}">
</head>
<body>
<div class="main">
<h1>IconFont 图标</h1>
<ul class="icon_lists clear">
<li>
<i class="icon iconfont">&#xe620;</i>
<div class="name">首页</div>
<div class="code">&amp;#xe620;</div>
<div class="fontclass">.fangbianhome</div>
</li>
<li>
<i class="icon iconfont">&#xe63c;</i>
<div class="name">首页</div>
<div class="code">&amp;#xe63c;</div>
<div class="fontclass">.jianyinghome</div>
</li>
<li>
<i class="icon iconfont">&#xe64a;</i>
<div class="name">首页</div>
<div class="code">&amp;#xe64a;</div>
<div class="fontclass">.Home</div>
</li>
<li>
<i class="icon iconfont">&#xf00c2;</i>
<div class="name">编辑</div>
<div class="code">&amp;#xf00c2;</div>
<div class="fontclass">.bianji</div>
</li>
<li>
<i class="icon iconfont">&#xe657;</i>
<div class="name">编辑</div>
<div class="code">&amp;#xe657;</div>
<div class="fontclass">.bianji1</div>
</li>
<li>
<i class="icon iconfont">&#xe617;</i>
<div class="name">编辑</div>
<div class="code">&amp;#xe617;</div>
<div class="fontclass">.bianji2</div>
</li>
<li>
<i class="icon iconfont">&#xe60d;</i>
<div class="name">编辑</div>
<div class="code">&amp;#xe60d;</div>
<div class="fontclass">.bianji3</div>
</li>
<li>
<i class="icon iconfont">&#xe601;</i>
<div class="name">列表</div>
<div class="code">&amp;#xe601;</div>
<div class="fontclass">.liebiao</div>
</li>
<li>
<i class="icon iconfont">&#xe619;</i>
<div class="name">列表</div>
<div class="code">&amp;#xe619;</div>
<div class="fontclass">.liebiao1</div>
</li>
<li>
<i class="icon iconfont">&#xe63d;</i>
<div class="name">列表</div>
<div class="code">&amp;#xe63d;</div>
<div class="fontclass">.liebiao2</div>
</li>
<li>
<i class="icon iconfont">&#xe68b;</i>
<div class="name">列表</div>
<div class="code">&amp;#xe68b;</div>
<div class="fontclass">.liebiao3</div>
</li>
<li>
<i class="icon iconfont">&#xe6cb;</i>
<div class="name">资讯</div>
<div class="code">&amp;#xe6cb;</div>
<div class="fontclass">.xinwen</div>
</li>
<li>
<i class="icon iconfont">&#xe6a6;</i>
<div class="name">资讯</div>
<div class="code">&amp;#xe6a6;</div>
<div class="fontclass">.xinwen1</div>
</li>
<li>
<i class="icon iconfont">&#xe6fd;</i>
<div class="name">博客资讯</div>
<div class="code">&amp;#xe6fd;</div>
<div class="fontclass">.bokexinwen</div>
</li>
<li>
<i class="icon iconfont">&#xe668;</i>
<div class="name">报表资讯</div>
<div class="code">&amp;#xe668;</div>
<div class="fontclass">.baobiaoxinwen</div>
</li>
<li>
<i class="icon iconfont">&#xe62e;</i>
<div class="name">资讯</div>
<div class="code">&amp;#xe62e;</div>
<div class="fontclass">.xinwen2</div>
</li>
<li>
<i class="icon iconfont">&#xe611;</i>
<div class="name">通知</div>
<div class="code">&amp;#xe611;</div>
<div class="fontclass">.tongzhi</div>
</li>
<li>
<i class="icon iconfont">&#xe628;</i>
<div class="name">通知</div>
<div class="code">&amp;#xe628;</div>
<div class="fontclass">.tongzhi1</div>
</li>
<li>
<i class="icon iconfont">&#xe625;</i>
<div class="name">通知</div>
<div class="code">&amp;#xe625;</div>
<div class="fontclass">.tongzhi2</div>
</li>
<li>
<i class="icon iconfont">&#xe660;</i>
<div class="name">通知</div>
<div class="code">&amp;#xe660;</div>
<div class="fontclass">.tongzhi3</div>
</li>
<li>
<i class="icon iconfont">&#xe697;</i>
<div class="name">通知</div>
<div class="code">&amp;#xe697;</div>
<div class="fontclass">.icon24</div>
</li>
<li>
<i class="icon iconfont">&#xe60a;</i>
<div class="name">公告</div>
<div class="code">&amp;#xe60a;</div>
<div class="fontclass">.gonggao</div>
</li>
<li>
<i class="icon iconfont">&#xe63e;</i>
<div class="name">公告</div>
<div class="code">&amp;#xe63e;</div>
<div class="fontclass">.gonggao1</div>
</li>
<li>
<i class="icon iconfont">&#xe604;</i>
<div class="name">通知公告</div>
<div class="code">&amp;#xe604;</div>
<div class="fontclass">.tongzhigonggao</div>
</li>
<li>
<i class="icon iconfont">&#xe60e;</i>
<div class="name">新考试记录</div>
<div class="code">&amp;#xe60e;</div>
<div class="fontclass">.xinkaoshijilu</div>
</li>
<li>
<i class="icon iconfont">&#xe6b0;</i>
<div class="name">考试</div>
<div class="code">&amp;#xe6b0;</div>
<div class="fontclass">.exam</div>
</li>
<li>
<i class="icon iconfont">&#xe6c2;</i>
<div class="name">考试安排</div>
<div class="code">&amp;#xe6c2;</div>
<div class="fontclass">.kaoshianpai</div>
</li>
<li>
<i class="icon iconfont">&#xe602;</i>
<div class="name">考试时间</div>
<div class="code">&amp;#xe602;</div>
<div class="fontclass">.weibiaoti3</div>
</li>
<li>
<i class="icon iconfont">&#xe674;</i>
<div class="name">学习</div>
<div class="code">&amp;#xe674;</div>
<div class="fontclass">.xuexi</div>
</li>
<li>
<i class="icon iconfont">&#xe64c;</i>
<div class="name">学习</div>
<div class="code">&amp;#xe64c;</div>
<div class="fontclass">.xuexi1</div>
</li>
<li>
<i class="icon iconfont">&#xe601;</i>
<div class="name">学习云大学</div>
<div class="code">&amp;#xe601;</div>
<div class="fontclass">.xuexiyundaxue</div>
</li>
<li>
<i class="icon iconfont">&#xe637;</i>
<div class="name">退出学习</div>
<div class="code">&amp;#xe637;</div>
<div class="fontclass">.tuichuxuexi</div>
</li>
<li>
<i class="icon iconfont">&#xe60e;</i>
<div class="name">学习交流</div>
<div class="code">&amp;#xe60e;</div>
<div class="fontclass">.xuexijiaoliu</div>
</li>
<li>
<i class="icon iconfont">&#xe604;</i>
<div class="name">资料</div>
<div class="code">&amp;#xe604;</div>
<div class="fontclass">.ziliao</div>
</li>
<li>
<i class="icon iconfont">&#xe618;</i>
<div class="name">资料</div>
<div class="code">&amp;#xe618;</div>
<div class="fontclass">.ziliao1</div>
</li>
<li>
<i class="icon iconfont">&#xe675;</i>
<div class="name">资料准备</div>
<div class="code">&amp;#xe675;</div>
<div class="fontclass">.ziliaozhunbei</div>
</li>
<li>
<i class="icon iconfont">&#xe615;</i>
<div class="name">个人资料</div>
<div class="code">&amp;#xe615;</div>
<div class="fontclass">.gerenziliao</div>
</li>
<li>
<i class="icon iconfont">&#xe684;</i>
<div class="name">个人资料</div>
<div class="code">&amp;#xe684;</div>
<div class="fontclass">.user</div>
</li>
<li>
<i class="icon iconfont">&#xe669;</i>
<div class="name">个人资料</div>
<div class="code">&amp;#xe669;</div>
<div class="fontclass">.icon</div>
</li>
<li>
<i class="icon iconfont">&#xe606;</i>
<div class="name">个人资料</div>
<div class="code">&amp;#xe606;</div>
<div class="fontclass">.gerenziliao1</div>
</li>
<li>
<i class="icon iconfont">&#xe636;</i>
<div class="name">图书资料库</div>
<div class="code">&amp;#xe636;</div>
<div class="fontclass">.tushuziliaoku</div>
</li>
<li>
<i class="icon iconfont">&#xe605;</i>
<div class="name">交流</div>
<div class="code">&amp;#xe605;</div>
<div class="fontclass">.jiaoliu</div>
</li>
<li>
<i class="icon iconfont">&#xe6ee;</i>
<div class="name">bbg_交流</div>
<div class="code">&amp;#xe6ee;</div>
<div class="fontclass">.bbgjiaoliu</div>
</li>
<li>
<i class="icon iconfont">&#xe656;</i>
<div class="name">交流平台</div>
<div class="code">&amp;#xe656;</div>
<div class="fontclass">.jiaoliupingtai</div>
</li>
<li>
<i class="icon iconfont">&#xe62b;</i>
<div class="name">考核成绩</div>
<div class="code">&amp;#xe62b;</div>
<div class="fontclass">.kaohechengji</div>
</li>
<li>
<i class="icon iconfont">&#xf0084;</i>
<div class="name">成绩 分析</div>
<div class="code">&amp;#xf0084;</div>
<div class="fontclass">.chengjifenxi</div>
</li>
<li>
<i class="icon iconfont">&#xe624;</i>
<div class="name">考核成绩</div>
<div class="code">&amp;#xe624;</div>
<div class="fontclass">.kaohechengji1</div>
</li>
<li>
<i class="icon iconfont">&#xf0085;</i>
<div class="name">成绩管理2</div>
<div class="code">&amp;#xf0085;</div>
<div class="fontclass">.chengjiguanli2</div>
</li>
<li>
<i class="icon iconfont">&#xf00cf;</i>
<div class="name">课程</div>
<div class="code">&amp;#xf00cf;</div>
<div class="fontclass">.kecheng</div>
</li>
<li>
<i class="icon iconfont">&#xe61a;</i>
<div class="name">课程</div>
<div class="code">&amp;#xe61a;</div>
<div class="fontclass">.kecheng1</div>
</li>
<li>
<i class="icon iconfont">&#xe618;</i>
<div class="name">我的课程</div>
<div class="code">&amp;#xe618;</div>
<div class="fontclass">.wodekecheng</div>
</li>
<li>
<i class="icon iconfont">&#xf0105;</i>
<div class="name">教师管理</div>
<div class="code">&amp;#xf0105;</div>
<div class="fontclass">.jiaoshiguanli</div>
</li>
<li>
<i class="icon iconfont">&#xf00a8;</i>
<div class="name">教师管理</div>
<div class="code">&amp;#xf00a8;</div>
<div class="fontclass">.jiaoshiguanli1</div>
</li>
<li>
<i class="icon iconfont">&#xe605;</i>
<div class="name">登录</div>
<div class="code">&amp;#xe605;</div>
<div class="fontclass">.weibiaoti2</div>
</li>
<li>
<i class="icon iconfont">&#xf00b0;</i>
<div class="name">登录绑定</div>
<div class="code">&amp;#xf00b0;</div>
<div class="fontclass">.denglubangding</div>
</li>
<li>
<i class="icon iconfont">&#xe602;</i>
<div class="name">企业登录</div>
<div class="code">&amp;#xe602;</div>
<div class="fontclass">.duoren</div>
</li>
<li>
<i class="icon iconfont">&#xe610;</i>
<div class="name">byg_退出登录</div>
<div class="code">&amp;#xe610;</div>
<div class="fontclass">.tuichudenglu</div>
</li>
<li>
<i class="icon iconfont">&#xe792;</i>
<div class="name">列表</div>
<div class="code">&amp;#xe792;</div>
<div class="fontclass">.liebiao4</div>
</li>
<li>
<i class="icon iconfont">&#xe670;</i>
<div class="name">小图标</div>
<div class="code">&amp;#xe670;</div>
<div class="fontclass">.xiaotubiao</div>
</li>
<li>
<i class="icon iconfont">&#xe61d;</i>
<div class="name">图标-19</div>
<div class="code">&amp;#xe61d;</div>
<div class="fontclass">.tubiao19</div>
</li>
<li>
<i class="icon iconfont">&#xe600;</i>
<div class="name">消息图标</div>
<div class="code">&amp;#xe600;</div>
<div class="fontclass">.xiaoxitubiao</div>
</li>
<li>
<i class="icon iconfont">&#x343a;</i>
<div class="name">表列 表属性</div>
<div class="code">&amp;#x343a;</div>
<div class="fontclass">.biaoliebiaoshuxing</div>
</li>
<li>
<i class="icon iconfont">&#xe607;</i>
<div class="name">男</div>
<div class="code">&amp;#xe607;</div>
<div class="fontclass">.nan</div>
</li>
<li>
<i class="icon iconfont">&#xe60b;</i>
<div class="name">男</div>
<div class="code">&amp;#xe60b;</div>
<div class="fontclass">.nan1</div>
</li>
<li>
<i class="icon iconfont">&#xe623;</i>
<div class="name">男</div>
<div class="code">&amp;#xe623;</div>
<div class="fontclass">.nan2</div>
</li>
<li>
<i class="icon iconfont">&#xe603;</i>
<div class="name">男</div>
<div class="code">&amp;#xe603;</div>
<div class="fontclass">.nan3</div>
</li>
<li>
<i class="icon iconfont">&#xe614;</i>
<div class="name">男</div>
<div class="code">&amp;#xe614;</div>
<div class="fontclass">.nan4</div>
</li>
<li>
<i class="icon iconfont">&#xe645;</i>
<div class="name">男</div>
<div class="code">&amp;#xe645;</div>
<div class="fontclass">.nan5</div>
</li>
<li>
<i class="icon iconfont">&#xe647;</i>
<div class="name">女</div>
<div class="code">&amp;#xe647;</div>
<div class="fontclass">.nv</div>
</li>
<li>
<i class="icon iconfont">&#xe608;</i>
<div class="name">女</div>
<div class="code">&amp;#xe608;</div>
<div class="fontclass">.nv1</div>
</li>
<li>
<i class="icon iconfont">&#xf0088;</i>
<div class="name">女</div>
<div class="code">&amp;#xf0088;</div>
<div class="fontclass">.girl</div>
</li>
<li>
<i class="icon iconfont">&#xe60e;</i>
<div class="name">女</div>
<div class="code">&amp;#xe60e;</div>
<div class="fontclass">.nv2</div>
</li>
<li>
<i class="icon iconfont">&#xe63d;</i>
<div class="name">女</div>
<div class="code">&amp;#xe63d;</div>
<div class="fontclass">.nv3</div>
</li>
<li>
<i class="icon iconfont">&#xe602;</i>
<div class="name">女</div>
<div class="code">&amp;#xe602;</div>
<div class="fontclass">.nv4</div>
</li>
<li>
<i class="icon iconfont">&#xe615;</i>
<div class="name">女</div>
<div class="code">&amp;#xe615;</div>
<div class="fontclass">.nv5</div>
</li>
<li>
<i class="icon iconfont">&#xe602;</i>
<div class="name">三个点</div>
<div class="code">&amp;#xe602;</div>
<div class="fontclass">.sangedian</div>
</li>
<li>
<i class="icon iconfont">&#xe627;</i>
<div class="name">点</div>
<div class="code">&amp;#xe627;</div>
<div class="fontclass">.dian</div>
</li>
<li>
<i class="icon iconfont">&#xe621;</i>
<div class="name">点赞</div>
<div class="code">&amp;#xe621;</div>
<div class="fontclass">.dianzan</div>
</li>
<li>
<i class="icon iconfont">&#xe68b;</i>
<div class="name">标记点</div>
<div class="code">&amp;#xe68b;</div>
<div class="fontclass">.icon28</div>
</li>
<li>
<i class="icon iconfont">&#xe60a;</i>
<div class="name">点赞</div>
<div class="code">&amp;#xe60a;</div>
<div class="fontclass">.dianzan1</div>
</li>
<li>
<i class="icon iconfont">&#xe605;</i>
<div class="name">点赞</div>
<div class="code">&amp;#xe605;</div>
<div class="fontclass">.unie60e</div>
</li>
<li>
<i class="icon iconfont">&#xe646;</i>
<div class="name">681点</div>
<div class="code">&amp;#xe646;</div>
<div class="fontclass">.681dian</div>
</li>
<li>
<i class="icon iconfont">&#xe6c6;</i>
<div class="name">图标_进入</div>
<div class="code">&amp;#xe6c6;</div>
<div class="fontclass">.tubiaojinru</div>
</li>
<li>
<i class="icon iconfont">&#xe706;</i>
<div class="name">图标_勾选</div>
<div class="code">&amp;#xe706;</div>
<div class="fontclass">.tubiaogouxuan</div>
</li>
<li>
<i class="icon iconfont">&#xe61a;</i>
<div class="name">正确</div>
<div class="code">&amp;#xe61a;</div>
<div class="fontclass">.iconfontzhengque</div>
</li>
<li>
<i class="icon iconfont">&#xe63b;</i>
<div class="name">正确_</div>
<div class="code">&amp;#xe63b;</div>
<div class="fontclass">.zhengque</div>
</li>
<li>
<i class="icon iconfont">&#xe621;</i>
<div class="name">正确</div>
<div class="code">&amp;#xe621;</div>
<div class="fontclass">.zhengque1</div>
</li>
<li>
<i class="icon iconfont">&#xe605;</i>
<div class="name">正确</div>
<div class="code">&amp;#xe605;</div>
<div class="fontclass">.icon31</div>
</li>
<li>
<i class="icon iconfont">&#xf0003;</i>
<div class="name">错误</div>
<div class="code">&amp;#xf0003;</div>
<div class="fontclass">.cuowu</div>
</li>
<li>
<i class="icon iconfont">&#xe61c;</i>
<div class="name">错误</div>
<div class="code">&amp;#xe61c;</div>
<div class="fontclass">.cuowu1</div>
</li>
<li>
<i class="icon iconfont">&#xe63d;</i>
<div class="name">错误</div>
<div class="code">&amp;#xe63d;</div>
<div class="fontclass">.cuowu2</div>
</li>
<li>
<i class="icon iconfont">&#xe61c;</i>
<div class="name">错误</div>
<div class="code">&amp;#xe61c;</div>
<div class="fontclass">.cuowu3</div>
</li>
<li>
<i class="icon iconfont">&#xe72c;</i>
<div class="name">错误</div>
<div class="code">&amp;#xe72c;</div>
<div class="fontclass">.iconfont43</div>
</li>
<li>
<i class="icon iconfont">&#xe608;</i>
<div class="name">答案解析</div>
<div class="code">&amp;#xe608;</div>
<div class="fontclass">.daanjiexi</div>
</li>
<li>
<i class="icon iconfont">&#xe608;</i>
<div class="name">分析报告</div>
<div class="code">&amp;#xe608;</div>
<div class="fontclass">.fenxibaogao</div>
</li>
<li>
<i class="icon iconfont">&#xe6f1;</i>
<div class="name">综合分析</div>
<div class="code">&amp;#xe6f1;</div>
<div class="fontclass">.zonghefenxi</div>
</li>
<li>
<i class="icon iconfont">&#xe636;</i>
<div class="name">分析主题</div>
<div class="code">&amp;#xe636;</div>
<div class="fontclass">.fenxizhuti</div>
</li>
<li>
<i class="icon iconfont">&#xe66f;</i>
<div class="name">综合分析</div>
<div class="code">&amp;#xe66f;</div>
<div class="fontclass">.icon114</div>
</li>
<li>
<i class="icon iconfont">&#xe628;</i>
<div class="name">照片</div>
<div class="code">&amp;#xe628;</div>
<div class="fontclass">.zhaopian</div>
</li>
<li>
<i class="icon iconfont">&#xe672;</i>
<div class="name">照片</div>
<div class="code">&amp;#xe672;</div>
<div class="fontclass">.zhaopian1</div>
</li>
<li>
<i class="icon iconfont">&#xe606;</i>
<div class="name">上传照片</div>
<div class="code">&amp;#xe606;</div>
<div class="fontclass">.addphoto</div>
</li>
<li>
<i class="icon iconfont">&#xe617;</i>
<div class="name">地图</div>
<div class="code">&amp;#xe617;</div>
<div class="fontclass">.ditu</div>
</li>
<li>
<i class="icon iconfont">&#xe61d;</i>
<div class="name">地图</div>
<div class="code">&amp;#xe61d;</div>
<div class="fontclass">.ditu1</div>
</li>
<li>
<i class="icon iconfont">&#xe65f;</i>
<div class="name">地图</div>
<div class="code">&amp;#xe65f;</div>
<div class="fontclass">.ditu2</div>
</li>
<li>
<i class="icon iconfont">&#xe64c;</i>
<div class="name">地图</div>
<div class="code">&amp;#xe64c;</div>
<div class="fontclass">.ditu3</div>
</li>
<li>
<i class="icon iconfont">&#xf007c;</i>
<div class="name">返回</div>
<div class="code">&amp;#xf007c;</div>
<div class="fontclass">.fanhui</div>
</li>
<li>
<i class="icon iconfont">&#xe605;</i>
<div class="name">返回</div>
<div class="code">&amp;#xe605;</div>
<div class="fontclass">.fanhui1</div>
</li>
<li>
<i class="icon iconfont">&#xe61b;</i>
<div class="name">返回</div>
<div class="code">&amp;#xe61b;</div>
<div class="fontclass">.fanhui2</div>
</li>
<li>
<i class="icon iconfont">&#xe641;</i>
<div class="name">返回</div>
<div class="code">&amp;#xe641;</div>
<div class="fontclass">.fanhui3</div>
</li>
<li>
<i class="icon iconfont">&#xf004c;</i>
<div class="name">搜索</div>
<div class="code">&amp;#xf004c;</div>
<div class="fontclass">.sousuo</div>
</li>
<li>
<i class="icon iconfont">&#xe62f;</i>
<div class="name">搜索</div>
<div class="code">&amp;#xe62f;</div>
<div class="fontclass">.sousuo1</div>
</li>
<li>
<i class="icon iconfont">&#x3465;</i>
<div class="name">搜索</div>
<div class="code">&amp;#x3465;</div>
<div class="fontclass">.sousuo2</div>
</li>
<li>
<i class="icon iconfont">&#xe605;</i>
<div class="name">按钮</div>
<div class="code">&amp;#xe605;</div>
<div class="fontclass">.anniu</div>
</li>
<li>
<i class="icon iconfont">&#xe65f;</i>
<div class="name">项目按钮</div>
<div class="code">&amp;#xe65f;</div>
<div class="fontclass">.xiangmuanniu</div>
</li>
<li>
<i class="icon iconfont">&#xe682;</i>
<div class="name">加载</div>
<div class="code">&amp;#xe682;</div>
<div class="fontclass">.jiazai</div>
</li>
<li>
<i class="icon iconfont">&#xe6e7;</i>
<div class="name">加载</div>
<div class="code">&amp;#xe6e7;</div>
<div class="fontclass">.jiazai1</div>
</li>
<li>
<i class="icon iconfont">&#xe65e;</i>
<div class="name">加载中</div>
<div class="code">&amp;#xe65e;</div>
<div class="fontclass">.jiazaizhong</div>
</li>
<li>
<i class="icon iconfont">&#xe61b;</i>
<div class="name">加载中</div>
<div class="code">&amp;#xe61b;</div>
<div class="fontclass">.jiazaizhong1</div>
</li>
<li>
<i class="icon iconfont">&#x346c;</i>
<div class="name">加载</div>
<div class="code">&amp;#x346c;</div>
<div class="fontclass">.jiazai2</div>
</li>
<li>
<i class="icon iconfont">&#xe755;</i>
<div class="name">关于</div>
<div class="code">&amp;#xe755;</div>
<div class="fontclass">.guanyu</div>
</li>
<li>
<i class="icon iconfont">&#xe75d;</i>
<div class="name">关于</div>
<div class="code">&amp;#xe75d;</div>
<div class="fontclass">.guanyu1</div>
</li>
<li>
<i class="icon iconfont">&#xe604;</i>
<div class="name">关于我们</div>
<div class="code">&amp;#xe604;</div>
<div class="fontclass">.guanyuwomen</div>
</li>
<li>
<i class="icon iconfont">&#xe655;</i>
<div class="name">关于我们</div>
<div class="code">&amp;#xe655;</div>
<div class="fontclass">.guanyuwomen1</div>
</li>
<li>
<i class="icon iconfont">&#xe6bc;</i>
<div class="name">关于我们</div>
<div class="code">&amp;#xe6bc;</div>
<div class="fontclass">.guanyuwomen2</div>
</li>
<li>
<i class="icon iconfont">&#xe600;</i>
<div class="name">关于我们</div>
<div class="code">&amp;#xe600;</div>
<div class="fontclass">.guanyuwomen3</div>
</li>
<li>
<i class="icon iconfont">&#xe60e;</i>
<div class="name">发明授权</div>
<div class="code">&amp;#xe60e;</div>
<div class="fontclass">.famingshouquanfuzhi</div>
</li>
<li>
<i class="icon iconfont">&#xe6ed;</i>
<div class="name">登录授权</div>
<div class="code">&amp;#xe6ed;</div>
<div class="fontclass">.denglushouquan</div>
</li>
<li>
<i class="icon iconfont">&#xe671;</i>
<div class="name">108每日试题</div>
<div class="code">&amp;#xe671;</div>
<div class="fontclass">.108meirishiti</div>
</li>
<li>
<i class="icon iconfont">&#xe667;</i>
<div class="name">单选</div>
<div class="code">&amp;#xe667;</div>
<div class="fontclass">.danxuan</div>
</li>
<li>
<i class="icon iconfont">&#xf00c6;</i>
<div class="name">单选</div>
<div class="code">&amp;#xf00c6;</div>
<div class="fontclass">.danxuan1</div>
</li>
<li>
<i class="icon iconfont">&#xe62a;</i>
<div class="name">多选</div>
<div class="code">&amp;#xe62a;</div>
<div class="fontclass">.duoxuan</div>
</li>
<li>
<i class="icon iconfont">&#xe603;</i>
<div class="name">题型-多选</div>
<div class="code">&amp;#xe603;</div>
<div class="fontclass">.tixingduoxuan</div>
</li>
<li>
<i class="icon iconfont">&#xe610;</i>
<div class="name">icon_answer</div>
<div class="code">&amp;#xe610;</div>
<div class="fontclass">.icon17</div>
</li>
</ul>
<div class="helps">
第一步：使用font-face声明字体
<pre>
@font-face {font-family: 'iconfont';
src: url('iconfont.eot'); /* IE9*/
src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('iconfont.woff') format('woff'), /* chrome、firefox */
url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
</pre>
第二步：定义使用iconfont的样式
<pre>
.iconfont{
font-family:"iconfont" !important;
font-size:16px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;}
</pre>
第三步：挑选相应图标并获取字体编码，应用于页面
<pre>
&lt;i class="iconfont"&gt;&amp;#x33;&lt;/i&gt;
</pre>
</div>
</div>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink