IconFont 图标
-
weixin.weixin
-
share.share
-
home.home
-
star.star
-
tag.tag
-
邮件.youjian
-
search.search
-
weibo.weibo
-
close.close
-
record.record
-
close.closezhuanhuan
-
empty.empty
-
audio-spectrum.audiospectrum
-
people.people
-
letter.letter
-
love.love
-
people.people1
-
红包.hongbao
-
赞.icon3zanpinglunzhuanfaliulan01
-
iconfont-modify.iconfontxiugai
-
电话.dianhua
-
reload.reload
-
plus.plus
-
vip.vip
-
document.document
-
打赏.dashang
-
compass.compass
-
arrow.arrow
-
bell.bell
-
发现.icon-yxj-empty-discover
-
arrow-down.arrowdown
-
glass.glass
-
Dialog.dialog-copy
-
vip.vip1
-
问号.wenhao
-
menu.menu
-
打赏.dashang1
-
extong-question.extong-question
-
指南针.icons64x6472
-
红包.hongbao1
-
people.people2
-
quote.quote
-
record.record1
第一步：使用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#iconfont') 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>