IconFont 图标
-
right.right
-
yes.weibiaoti1
-
up.shangjiantou
-
map.map
-
复选 yes.snimicfuxuanyes
-
down.down
-
phone.icon
-
share.share
-
复选框.fuxuankuang
-
back.back
-
列表.listnormal
-
滑动按钮（yes）.huadonganniuyes
-
消息.xiaoxi
-
del.del
-
list.list
-
shopping cart.shoppingcart
-
滑动按钮（yes）.huadonganniuyes2
-
gift.gift
-
search.search
-
star.star
-
圆.yuan
-
del.del1
-
sad.sad
-
open.open
-
write.write
-
del.del2
-
circular.circular
-
circular-fill.circularfill
第一步：使用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>