IconFont 图标
-
ico-40-03.ico4003
-
ico-36-28.ico3628
-
ico-36-24.ico3624
-
ico-36-26.ico3626
-
ico-36-19.ico3619
-
ico-40-22.ico4022
-
ico-36-09.ico3609
-
ico-36-23.ico3623
-
ico-40-10.ico4010
-
ico08.ico08
-
ico-40-05.ico4005
-
ico-40-06.ico4006
-
ico09.ico09
-
ico-40-11.ico4011
-
ico-40-12.ico4012
-
ico-40-13.ico4013
-
ico-40-14.ico4014
-
ico04.ico04
-
ico05.ico05
-
ico06.ico06
-
ico07.ico07
-
ico-40-04.ico4004
-
ico-40-02.ico4002
-
ico-40-01.ico4001
-
ico13.ico13
-
ico12.ico12
-
ico11.ico11
-
ico10.ico10
-
ico-40-07.ico4007
-
ico-40-08.ico4008
-
ico-40-09.ico4009
-
ico01.ico01
-
ico02.ico02
-
ico03.ico03
-
ico-40-21.ico4021
-
ico-40-20.ico4020
-
ico-40-19.ico4019
-
ico-40-18.ico4018
-
ico-40-17.ico4017
-
ico-40-16.ico4016
-
ico-40-15.ico4015
-
ico-40-14.ico40141
-
ico-36-10.ico3610
-
ico-36-16.ico3616
-
ico-36-17.ico3617
-
ico-36-18.ico3618
-
ico-36-19.ico36191
-
ico-36-20.ico3620
-
ico-36-21.ico3621
-
ico-36-22.ico3622
-
ico-36-08.ico3608
-
ico-36-07.ico3607
-
ico-36-06.ico3606
-
ico-36-05.ico3605
-
ico-36-04.ico3604
-
ico-36-01.ico3601
-
ico-36-02.ico3602
-
ico-36-03.ico3603
-
ico-36-20.ico36201
-
ico-36-21.ico36211
-
ico-36-22.ico36221
-
ico-36-23.ico36231
-
ico-36-24.ico36241
-
ico-36-25.ico3625
-
ico-36-26.ico36261
-
ico-36-27.ico3627
-
ico-36-18.ico36181
-
ico-36-17.ico36171
-
ico-36-16.ico36161
-
ico-36-28.ico36281
-
ico-36-27.ico36271
第一步:使用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>