<!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 markdown">
<h1>IconFont 图标</h1>
<ul class="icon_lists clear">
<li>
<i class="icon iconfont icon-tianmao4"></i>
<div class="name">天猫</div>
<div class="fontclass">.icon-tianmao4</div>
</li>
<li>
<i class="icon iconfont icon-gouwuche-xuanzhong"></i>
<div class="name">购物车-选中</div>
<div class="fontclass">.icon-gouwuche-xuanzhong</div>
</li>
<li>
<i class="icon iconfont icon-wode-xuanzhong"></i>
<div class="name">我的-选中</div>
<div class="fontclass">.icon-wode-xuanzhong</div>
</li>
<li>
<i class="icon iconfont icon-gouwuche"></i>
<div class="name">购物车</div>
<div class="fontclass">.icon-gouwuche</div>
</li>
<li>
<i class="icon iconfont icon-wode"></i>
<div class="name">我的</div>
<div class="fontclass">.icon-wode</div>
</li>
<li>
<i class="icon iconfont icon-shouye"></i>
<div class="name">首页</div>
<div class="fontclass">.icon-shouye</div>
</li>
<li>
<i class="icon iconfont icon-dazhongdianping"></i>
<div class="name">大众点评</div>
<div class="fontclass">.icon-dazhongdianping</div>
</li>
<li>
<i class="icon iconfont icon-douban"></i>
<div class="name">豆瓣</div>
<div class="fontclass">.icon-douban</div>
</li>
<li>
<i class="icon iconfont icon-share6"></i>
<div class="name">分享</div>
<div class="fontclass">.icon-share6</div>
</li>
<li>
<i class="icon iconfont icon-eyeoclose"></i>
<div class="name">eyeoclose</div>
<div class="fontclass">.icon-eyeoclose</div>
</li>
<li>
<i class="icon iconfont icon-eyeopen"></i>
<div class="name">eyeopen</div>
<div class="fontclass">.icon-eyeopen</div>
</li>
<li>
<i class="icon iconfont icon-phonenum"></i>
<div class="name">phonenum</div>
<div class="fontclass">.icon-phonenum</div>
</li>
<li>
<i class="icon iconfont icon-question"></i>
<div class="name">question</div>
<div class="fontclass">.icon-question</div>
</li>
<li>
<i class="icon iconfont icon-set"></i>
<div class="name">set</div>
<div class="fontclass">.icon-set</div>
</li>
<li>
<i class="icon iconfont icon-paynumber"></i>
<div class="name">paynumber</div>
<div class="fontclass">.icon-paynumber</div>
</li>
<li>
<i class="icon iconfont icon-zanting"></i>
<div class="name">暂停</div>
<div class="fontclass">.icon-zanting</div>
</li>
<li>
<i class="icon iconfont icon-zanting1"></i>
<div class="name">暂停</div>
<div class="fontclass">.icon-zanting1</div>
</li>
<li>
<i class="icon iconfont icon-zanting2"></i>
<div class="name">暂停</div>
<div class="fontclass">.icon-zanting2</div>
</li>
<li>
<i class="icon iconfont icon-bofang"></i>
<div class="name">播放</div>
<div class="fontclass">.icon-bofang</div>
</li>
<li>
<i class="icon iconfont icon-fenxiang"></i>
<div class="name">分享</div>
<div class="fontclass">.icon-fenxiang</div>
</li>
<li>
<i class="icon iconfont icon-fenxiang1"></i>
<div class="name">分享</div>
<div class="fontclass">.icon-fenxiang1</div>
</li>
<li>
<i class="icon iconfont icon-play"></i>
<div class="name">播放</div>
<div class="fontclass">.icon-play</div>
</li>
<li>
<i class="icon iconfont icon-bofang1"></i>
<div class="name">播放</div>
<div class="fontclass">.icon-bofang1</div>
</li>
<li>
<i class="icon iconfont icon-ttpodicon"></i>
<div class="name">下一曲</div>
<div class="fontclass">.icon-ttpodicon</div>
</li>
<li>
<i class="icon iconfont icon-ttpodicon1"></i>
<div class="name">上一曲</div>
<div class="fontclass">.icon-ttpodicon1</div>
</li>
<li>
<i class="icon iconfont icon-ttpodicon2"></i>
<div class="name">上一曲</div>
<div class="fontclass">.icon-ttpodicon2</div>
</li>
<li>
<i class="icon iconfont icon-ttpodicon3"></i>
<div class="name">下一曲</div>
<div class="fontclass">.icon-ttpodicon3</div>
</li>
<li>
<i class="icon iconfont icon-fenxiang11"></i>
<div class="name">分享</div>
<div class="fontclass">.icon-fenxiang11</div>
</li>
<li>
<i class="icon iconfont icon-fenxiang2"></i>
<div class="name">分享</div>
<div class="fontclass">.icon-fenxiang2</div>
</li>
<li>
<i class="icon iconfont icon-play1"></i>
<div class="name">播放</div>
<div class="fontclass">.icon-play1</div>
</li>
<li>
<i class="icon iconfont icon-zanting3"></i>
<div class="name">暂停 1</div>
<div class="fontclass">.icon-zanting3</div>
</li>
<li>
<i class="icon iconfont icon-bofang2"></i>
<div class="name">播放</div>
<div class="fontclass">.icon-bofang2</div>
</li>
<li>
<i class="icon iconfont icon-fenxiang3"></i>
<div class="name">分享</div>
<div class="fontclass">.icon-fenxiang3</div>
</li>
<li>
[前端案例14]平板\手机端的支付宝布局以及智能表单
142 浏览量
2023-06-21
10:47:02
上传
评论
收藏 571KB ZIP 举报
前端案例14.zip （11个子文件） 
前端案例14 font 
demo_fontclass.html 75KB
demo.css 6KB iconfont.ttf 129KB iconfont.css 16KB iconfont.js 479KB
iconfont.svg 200KB iconfont.eot 129KB iconfont.woff 80KB img 
1.png 98KB 支付宝.html 6KB 智能表单.html 4KB资源评论
