IconFont 图标
-
更多.gengduo
-
Circular mask.circularmask
-
POST SVG1.postsvg1
-
comment-icon.commenticon
-
Zambia-icon.zambiaicon
-
me_icon.meicon
-
Personal homepage_back.personalhomepageback
-
search icon.searchicon
-
Personal homepage_information_icon_white.personalhomepageinformationiconwhite
-
read_icon.readicon
-
share-icon.shareicon
-
Artboard 79.artboard79
-
定位实心 icon.dingweishixinicon
-
back-icon.backicon
-
my PO_icon.mypoicon
-
myes-icon.myesicon
-
myxx-icon.myxxicon
-
Personal information_editor_black_icon.personalinformationeditorblackicon
-
wallet-icon.walleticon
-
sz-icon.szicon
-
点赞_icon.dianzanicon
-
alipay_icon.alipayicon
-
Artboard 79.artboard791
-
kf-icon.kficon
-
wewhatpay_icon.wewhatpayicon
-
疑问_icon.yiwenicon
-
发布按钮.fabuanniu
-
播放_icon.bofangicon
-
评论实心_icon.pinglunshixinicon
-
系统消息_icon.xitongxiaoxiicon
-
剪头上.jiantoushang
-
剪头下.jiantouxia
-
PO.po
-
POST担保.postdanbao
-
Artboard 79 Copy.artboard79copy
-
置顶_icon.zhidingicon
-
true_icon.trueicon
-
add_icon.addicon
-
correct_icon.correcticon
-
mutual_icon.mutualicon
-
boy-icon.boyicon
-
girl-icon.girlicon
-
Verification Code_icon.verificationcodeicon
-
password_icon.password
-
moblie-icon.moblieicon
-
报错_icon.baocuoicon
-
po主标识.pozhubiaoshi
第一步:使用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>