IconFont 图标
-
favor_fill.favorfill
-
loading.loading
-
phone.phone
-
round_right_fill.roundrightfill
-
search.search
-
warn_fill.warnfill
-
warn.warn
-
camera_fill.camerafill
-
camera.camera
-
my_fill.myfill
-
my.my
-
scan.scan
-
settings.settings
-
filter.filter
-
top.top
-
pull_up.pullup
-
refresh.refresh
-
more_android.moreandroid
-
qr_code.qrcode
-
remind.remind
-
home.home
-
home_fill.homefill
-
address_book.addressbook
-
link.link
-
lock.lock
-
unlock.unlock
-
friend_add_fill.friendaddfill
-
friend_add.friendadd
-
friend_famous.friendfamous
-
friend.friend
-
friend_favor.friendfavor
-
sort.sort
-
down.down
-
female.female
-
keyboard.keyboard
-
male.male
-
new_fill.newfill
-
new.new
-
pull_left.pullleft
-
pull_right.pullright
-
camera_add.cameraadd
-
friend_fill.friendfill
-
pic_fill.picfill
-
align-justify.alignjustify
-
mark_fill.markfill
-
mark.mark
-
album.album
-
people_fill.peoplefill
-
people.people
-
attention_fill.attentionfill
-
attention.attention
-
round_down.rounddown
-
upload.upload
-
safe.safe
-
设置.shezhi
-
单选-fill.danxuanfill
-
单选.danxuan
-
方形未选中.fangxingweixuanzhong
-
方形选中-fill.fangxingxuanzhongfill
-
方形选中.fangxingxuanzhong
-
关闭1.guanbi1
-
关闭2-fill.guanbi2fill
-
关闭2.guanbi2
-
加号.jiahao
-
加号1.jiahao1
-
加号2-fill.jiahao2fill
-
减号.jianhao
-
提示-fill.tishifill
-
提示.tishi
-
问号-fill.wenhaofill
-
问号.wenhao
-
选择.xuanze
-
圆形未选中.yuanxingweixuanzhong
-
圆形选中-fill.yuanxingxuanzhongfill
-
圆形选中.yuanxingxuanzhong
-
标星-fill.biaoxingfill
-
标星.biaoxing
-
撤销.chexiao
-
反馈.fankui
-
分享.fenxiang
-
更多.gengduo
-
购物车-fill.gouwuchefill
-
购物车.gouwuche
-
留言-fill.liuyanfill
-
留言.liuyan
-
朋友.pengyou
-
扫码.saoma
-
筛选.shaixuan
-
删除.shanchu
-
身份.shenfen
-
时钟-fill.shizhongfill
-
时钟.shizhong
-
通知-fill.tongzhifill
-
通知.tongzhi
-
喜欢-fill.xihuanfill
-
喜欢.xihuan
-
信息-fill.xinxifill
-
信息.xinxi
-
顶部.dingbu
-
向上1.xiangshang1
-
向上2.xiangshang2
-
向上3.xiangshang3
-
向下1.xiangxia1
-
向下2.xiangxia2
-
向下3.xiangxia3
-
向下5.xiangxia5
-
向右1.xiangyou1
-
向右2.xiangyou2
-
向右3-fill.xiangyou3fill
-
向右3.xiangyou3
-
向左1.xiangzuo1
-
向左2.xiangzuo2
-
star-half.biaoxing1
第一步：使用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>