IconFont 图标
-
选择框_已选.xuanzekuangyixuan
-
选择框.xuanzekuang
-
电话.dianhua
-
关闭的锁.lockclosed
-
back.back
-
right.right
-
refresh.refresh
-
home.home
-
cha icon.chaicon
-
face 2 icon.face2icon
-
face icon.faceicon
-
勾.gouicon
-
箭头左.jiantouicon
-
super large loading icon.superlargeloadingicon
-
WIFI.wifidayuanicon
-
勾.xiaoyuangouicon
-
小娱logo.xiaoyulianicon
-
导航 icon.daohangicon
-
daohang B icon.daohangbicon
-
me B icon.mebicon
-
me icon.meicon
-
wifi B icon.wifibicon
-
wifi icon.wifiicon
-
导航 icon(1).daohangicon1
-
daohang B icon(1).daohangbicon1
-
yuan logo icon.yuanlogoicon
-
about icon.abouticon
-
set icon.seticon
-
vip icon.vipicon
-
recharge icon.rechargeicon
-
wifi da yuan icon.wifidayuanicon1
-
personal icon press.personaliconpress
-
personal icon.personalicon
-
navigation icon press.navigationiconpress
-
navigation icon.navigationicon
-
home icon press.homeiconpress
-
home icon.homeicon
-
logo icon.logoicon
第一步：使用font-face声明字体
@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#uxiconfont') format('svg'); /* iOS 4.1- */
}
第二步：定义使用iconfont的样式
.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;}
第三步：挑选相应图标并获取字体编码，应用于页面
<i class="iconfont">3</i>