raolu
/
iHealth-app-demo


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697
							
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <link rel="stylesheet" href="iconfont.css">
</head>
<body>
    <div class="main">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon iconfont">&#xd61e;</i>
                    <div class="name">定位</div>
                    <div class="code"><span style='color:Chocolate'>icon-dingwei</span></div>
                    <div class="fontclass">.dingwei</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd61a;</i>
                    <div class="name">打钩</div>
                    <div class="code"><span style='color:Chocolate'>icon-dagou</span></div>
                    <div class="fontclass">.dagou</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd619;</i>
                    <div class="name">时钟</div>
                    <div class="code"><span style='color:Chocolate'>icon-shizhong</span></div>
                    <div class="fontclass">.shizhong</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe600;</i>
                    <div class="name">个人中心</div>
                    <div class="code"><span style='color:Chocolate'>icon-gerenzhongxin</span></div>
                    <div class="fontclass">.gerenzhongxin</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd60c;</i>
                    <div class="name">指导标准</div>
                    <div class="code"><span style='color:Chocolate'>icon-zhidao</span></div>
                    <div class="fontclass">.zhidao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd603;</i>
                    <div class="name">星</div>
                    <div class="code"><span style='color:Chocolate'>icon-star</span></div>
                    <div class="fontclass">.star</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd633;</i>
                    <div class="name">关闭</div>
                    <div class="code"><span style='color:Chocolate'>icon-guanbi</span></div>
                    <div class="fontclass">.guanbi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd682;</i>
                    <div class="name">书</div>
                    <div class="code"><span style='color:Chocolate'>icon-shu</span></div>
                    <div class="fontclass">.shu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd61b;</i>
                    <div class="name">时间</div>
                    <div class="code"><span style='color:Chocolate'>icon-shijian</span></div>
                    <div class="fontclass">.shijian</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd601;</i>
                    <div class="name">投诉</div>
                    <div class="code"><span style='color:Chocolate'>icon-tousu</span></div>
                    <div class="fontclass">.tousu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd612;</i>
                    <div class="name">我的分组</div>
                    <div class="code"><span style='color:Chocolate'>icon-wodefenzu</span></div>
                    <div class="fontclass">.wodefenzu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd60e;</i>
                    <div class="name">女</div>
                    <div class="code"><span style='color:Chocolate'>icon-nv</span></div>
                    <div class="fontclass">.nv</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd630;</i>
                    <div class="name">加</div>
                    <div class="code"><span style='color:Chocolate'>icon-jia</span></div>
                    <div class="fontclass">.jia</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd610;</i>
                    <div class="name">二维码</div>
                    <div class="code"><span style='color:Chocolate'>icon-erweima</span></div>
                    <div class="fontclass">.erweima</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd61c;</i>
                    <div class="name">群主、群聊</div>
                    <div class="code"><span style='color:Chocolate'>icon-qunliao</span></div>
                    <div class="fontclass">.qunliao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd60f;</i>
                    <div class="name">添加好友</div>
                    <div class="code"><span style='color:Chocolate'>icon-tianjia</span></div>
                    <div class="fontclass">.tianjia</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd61d;</i>
                    <div class="name">时间</div>
                    <div class="code"><span style='color:Chocolate'>icon-time</span></div>
                    <div class="fontclass">.time</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd632;</i>
                    <div class="name">刷新</div>
                    <div class="code"><span style='color:Chocolate'>icon-shuaxin</span></div>
                    <div class="fontclass">.shuaxin</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd604;</i>
                    <div class="name">头像</div>
                    <div class="code"><span style='color:Chocolate'>icon-user</span></div>
                    <div class="fontclass">.user</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd658;</i>
                    <div class="name">主页</div>
                    <div class="code"><span style='color:Chocolate'>icon-homehouser</span></div>
                    <div class="fontclass">.homehouser</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd615;</i>
                    <div class="name">8</div>
                    <div class="code"><span style='color:Chocolate'>icon-tupian</span></div>
                    <div class="fontclass">.tupian</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd613;</i>
                    <div class="name">9</div>
                    <div class="code"><span style='color:Chocolate'>icon-benzi</span></div>
                    <div class="fontclass">.benzi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd614;</i>
                    <div class="name">11</div>
                    <div class="code"><span style='color:Chocolate'>icon-dianhua</span></div>
                    <div class="fontclass">.dianhua</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd635;</i>
                    <div class="name">对话</div>
                    <div class="code"><span style='color:Chocolate'>icon-duihua</span></div>
                    <div class="fontclass">.duihua</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd634;</i>
                    <div class="name">随访</div>
                    <div class="code"><span style='color:Chocolate'>icon-suifang</span></div>
                    <div class="fontclass">.suifang</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd60d;</i>
                    <div class="name">男</div>
                    <div class="code"><span style='color:Chocolate'>icon-nan</span></div>
                    <div class="fontclass">.nan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd616;</i>
                    <div class="name">历史充值</div>
                    <div class="code"><span style='color:Chocolate'>icon-licheng</span></div>
                    <div class="fontclass">.licheng</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd622;</i>
                    <div class="name">drafts</div>
                    <div class="code"><span style='color:Chocolate'>icon-fuwu</span></div>
                    <div class="fontclass">.fuwu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd621;</i>
                    <div class="name">read mode</div>
                    <div class="code"><span style='color:Chocolate'>icon-baogao</span></div>
                    <div class="fontclass">.baogao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd602;</i>
                    <div class="name">iconfont-pingjia</div>
                    <div class="code"><span style='color:Chocolate'>icon-pingjia</span></div>
                    <div class="fontclass">.pingjia</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd657;</i>
                    <div class="name">用户</div>
                    <div class="code"><span style='color:Chocolate'>icon-yonghu</span></div>
                    <div class="fontclass">.yonghu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd611;</i>
                    <div class="name">教育</div>
                    <div class="code"><span style='color:Chocolate'>icon-book</span></div>
                    <div class="fontclass">.book</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd605;</i>
                    <div class="name">垃圾</div>
                    <div class="code"><span style='color:Chocolate'>icon-laji</span></div>
                    <div class="fontclass">.laji</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd606;</i>
                    <div class="name">成功</div>
                    <div class="code"><span style='color:Chocolate'>icon-ok</span></div>
                    <div class="fontclass">.ok</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd600;</i>
                    <div class="name">信息</div>
                    <div class="code"><span style='color:Chocolate'>icon-xinxi</span></div>
                    <div class="fontclass">.xinxi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd609;</i>
                    <div class="name">药箱</div>
                    <div class="code"><span style='color:Chocolate'>icon-yaoxiang</span></div>
                    <div class="fontclass">.yaoxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd607;</i>
                    <div class="name">nan</div>
                    <div class="code"><span style='color:Chocolate'>icon-nan1</span></div>
                    <div class="fontclass">.nan1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd608;</i>
                    <div class="name">nv</div>
                    <div class="code"><span style='color:Chocolate'>icon-nv1</span></div>
                    <div class="fontclass">.nv1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd60a;</i>
                    <div class="name">nan2</div>
                    <div class="code"><span style='color:Chocolate'>icon-nan2</span></div>
                    <div class="fontclass">.nan2</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd60b;</i>
                    <div class="name">nv2</div>
                    <div class="code"><span style='color:Chocolate'>icon-nv2</span></div>
                    <div class="fontclass">.nv2</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd617;</i>
                    <div class="name">干预</div>
                    <div class="code"><span style='color:Chocolate'>icon-ganyu</span></div>
                    <div class="fontclass">.ganyu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd618;</i>
                    <div class="name">随访</div>
                    <div class="code"><span style='color:Chocolate'>icon-suifang1</span></div>
                    <div class="fontclass">.suifang1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd61f;</i>
                    <div class="name">圈子</div>
                    <div class="code"><span style='color:Chocolate'>icon-quanzi</span></div>
                    <div class="fontclass">.quanzi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd620;</i>
                    <div class="name">添加好友</div>
                    <div class="code"><span style='color:Chocolate'>icon-tianjiahaoyou</span></div>
                    <div class="fontclass">.tianjiahaoyou</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd623;</i>
                    <div class="name">签约</div>
                    <div class="code"><span style='color:Chocolate'>icon-qianyue</span></div>
                    <div class="fontclass">.qianyue</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd624;</i>
                    <div class="name">咨询</div>
                    <div class="code"><span style='color:Chocolate'>icon-zixun</span></div>
                    <div class="fontclass">.zixun</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd625;</i>
                    <div class="name">sousou</div>
                    <div class="code"><span style='color:Chocolate'>icon-sousou</span></div>
                    <div class="fontclass">.sousou</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd627;</i>
                    <div class="name">名片</div>
                    <div class="code"><span style='color:Chocolate'>icon-mingpian</span></div>
                    <div class="fontclass">.mingpian</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd626;</i>
                    <div class="name">统计</div>
                    <div class="code"><span style='color:Chocolate'>icon-tongji</span></div>
                    <div class="fontclass">.tongji</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd628;</i>
                    <div class="name">团队</div>
                    <div class="code"><span style='color:Chocolate'>icon-tuandui</span></div>
                    <div class="fontclass">.tuandui</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd629;</i>
                    <div class="name">我的评价</div>
                    <div class="code"><span style='color:Chocolate'>icon-wodepingjia</span></div>
                    <div class="fontclass">.wodepingjia</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd62a;</i>
                    <div class="name">上传图片</div>
                    <div class="code"><span style='color:Chocolate'>icon-shangchuan</span></div>
                    <div class="fontclass">.shangchuan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd62b;</i>
                    <div class="name">拍摄</div>
                    <div class="code"><span style='color:Chocolate'>icon-paishe</span></div>
                    <div class="fontclass">.paishe</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd62c;</i>
                    <div class="name">加表情</div>
                    <div class="code"><span style='color:Chocolate'>icon-jiabiaoqing</span></div>
                    <div class="fontclass">.jiabiaoqing</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd62d;</i>
                    <div class="name">加图片</div>
                    <div class="code"><span style='color:Chocolate'>icon-jiatupian</span></div>
                    <div class="fontclass">.jiatupian</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd62e;</i>
                    <div class="name">键盘</div>
                    <div class="code"><span style='color:Chocolate'>icon-jianpan</span></div>
                    <div class="fontclass">.jianpan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd62f;</i>
                    <div class="name">语音</div>
                    <div class="code"><span style='color:Chocolate'>icon-yuyin</span></div>
                    <div class="fontclass">.yuyin</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd631;</i>
                    <div class="name">pen</div>
                    <div class="code"><span style='color:Chocolate'>icon-bi</span></div>
                    <div class="fontclass">.bi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd671;</i>
                    <div class="name">sousuo</div>
                    <div class="code"><span style='color:Chocolate'>icon-sousuo</span></div>
                    <div class="fontclass">.sousuo</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd662;</i>
                    <div class="name">guanbi</div>
                    <div class="code"><span style='color:Chocolate'>icon-guanbi1</span></div>
                    <div class="fontclass">.guanbi1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd679;</i>
                    <div class="name">M-yonghu</div>
                    <div class="code"><span style='color:Chocolate'>icon-yonghu1</span></div>
                    <div class="fontclass">.yonghu1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe601;</i>
                    <div class="name">图片</div>
                    <div class="code"><span style='color:Chocolate'>icon-tupian-copy</span></div>
                    <div class="fontclass">.tupian-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd661;</i>
                    <div class="name">搜索</div>
                    <div class="code"><span style='color:Chocolate'>icon-sousuo1</span></div>
                    <div class="fontclass">.sousuo1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe636;</i>
                    <div class="name">密码</div>
                    <div class="code"><span style='color:Chocolate'>icon-mima</span></div>
                    <div class="fontclass">.mima</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd637;</i>
                    <div class="name">手机</div>
                    <div class="code"><span style='color:Chocolate'>icon-shouji</span></div>
                    <div class="fontclass">.shouji</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd638;</i>
                    <div class="name">注销</div>
                    <div class="code"><span style='color:Chocolate'>icon-zhuxiao</span></div>
                    <div class="fontclass">.zhuxiao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd702;</i>
                    <div class="name">语音</div>
                    <div class="code"><span style='color:Chocolate'>icon-yuyin1</span></div>
                    <div class="fontclass">.yuyin1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd666;</i>
                    <div class="name">home</div>
                    <div class="code"><span style='color:Chocolate'>icon-home</span></div>
                    <div class="fontclass">.home</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd660;</i>
                    <div class="name">留言_线</div>
                    <div class="code"><span style='color:Chocolate'>icon-liuyanxian</span></div>
                    <div class="fontclass">.liuyanxian</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd659;</i>
                    <div class="name">指南</div>
                    <div class="code"><span style='color:Chocolate'>icon-zhinan</span></div>
                    <div class="fontclass">.zhinan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe633;</i>
                    <div class="name">病例-报告上传</div>
                    <div class="code"><span style='color:Chocolate'>icon-binglibaogaoshangchuan</span></div>
                    <div class="fontclass">.binglibaogaoshangchuan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd643;</i>
                    <div class="name">电子健康档案</div>
                    <div class="code"><span style='color:Chocolate'>icon-dianzijiankangdangan</span></div>
                    <div class="fontclass">.dianzijiankangdangan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd642;</i>
                    <div class="name">健康记录</div>
                    <div class="code"><span style='color:Chocolate'>icon-jiankangjilu</span></div>
                    <div class="fontclass">.jiankangjilu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd641;</i>
                    <div class="name">健康知识</div>
                    <div class="code"><span style='color:Chocolate'>icon-jiankangzhishi</span></div>
                    <div class="fontclass">.jiankangzhishi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd646;</i>
                    <div class="name">健康指标</div>
                    <div class="code"><span style='color:Chocolate'>icon-jiankangzhibiao</span></div>
                    <div class="fontclass">.jiankangzhibiao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd647;</i>
                    <div class="name">设备绑定</div>
                    <div class="code"><span style='color:Chocolate'>icon-shebeibangding</span></div>
                    <div class="fontclass">.shebeibangding</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd656;</i>
                    <div class="name">视频问诊记录</div>
                    <div class="code"><span style='color:Chocolate'>icon-shipinwenzhenjilu</span></div>
                    <div class="fontclass">.shipinwenzhenjilu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd650;</i>
                    <div class="name">问药记录</div>
                    <div class="code"><span style='color:Chocolate'>icon-wenyaojilu</span></div>
                    <div class="fontclass">.wenyaojilu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd651;</i>
                    <div class="name">我的预约</div>
                    <div class="code"><span style='color:Chocolate'>icon-wodeyuyue</span></div>
                    <div class="fontclass">.wodeyuyue</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd652;</i>
                    <div class="name">我的咨询</div>
                    <div class="code"><span style='color:Chocolate'>icon-wodezixun</span></div>
                    <div class="fontclass">.wodezixun</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd653;</i>
                    <div class="name">医生指导</div>
                    <div class="code"><span style='color:Chocolate'>icon-yishengzhidao</span></div>
                    <div class="fontclass">.yishengzhidao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd655;</i>
                    <div class="name">用药记录</div>
                    <div class="code"><span style='color:Chocolate'>icon-yongyaojilu</span></div>
                    <div class="fontclass">.yongyaojilu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd648;</i>
                    <div class="name">我的家庭</div>
                    <div class="code"><span style='color:Chocolate'>icon-wodejiating</span></div>
                    <div class="fontclass">.wodejiating</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd645;</i>
                    <div class="name">我的资料</div>
                    <div class="code"><span style='color:Chocolate'>icon-wodeziliao</span></div>
                    <div class="fontclass">.wodeziliao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd649;</i>
                    <div class="name">健康管理</div>
                    <div class="code"><span style='color:Chocolate'>icon-jiankangguanli</span></div>
                    <div class="fontclass">.jiankangguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd654;</i>
                    <div class="name">我的随访</div>
                    <div class="code"><span style='color:Chocolate'>icon-wodesuifang1</span></div>
                    <div class="fontclass">.wodesuifang1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd667;</i>
                    <div class="name">zixun</div>
                    <div class="code"><span style='color:Chocolate'>icon-zixun1</span></div>
                    <div class="fontclass">.zixun1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd664;</i>
                    <div class="name">guanlian</div>
                    <div class="code"><span style='color:Chocolate'>icon-guanlian</span></div>
                    <div class="fontclass">.guanlian</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd665;</i>
                    <div class="name">wdgzz</div>
                    <div class="code"><span style='color:Chocolate'>icon-wdgzz</span></div>
                    <div class="fontclass">.wdgzz</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd663;</i>
                    <div class="name">jkglbl</div>
                    <div class="code"><span style='color:Chocolate'>icon-jkglbl</span></div>
                    <div class="fontclass">.jkglbl</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd668;</i>
                    <div class="name">bianji</div>
                    <div class="code"><span style='color:Chocolate'>icon-bianji</span></div>
                    <div class="fontclass">.bianji</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd669;</i>
                    <div class="name">celiang</div>
                    <div class="code"><span style='color:Chocolate'>icon-celiang</span></div>
                    <div class="fontclass">.celiang</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xd670;</i>
                    <div class="name">dianji</div>
                    <div class="code"><span style='color:Chocolate'>icon-dianji</span></div>
                    <div class="fontclass">.dianji</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>