IconFont 图标
-
相机.xiangji
-
房.fang
-
更多.gengduo
-
发布2.fabu2
-
信封.xinfeng
-
手机.iconshouji
-
时钟.time
-
设置.shezhi
-
箭头-右.jiantouyou
-
相机.xiangji1
-
查看.chakan
-
点赞(32x32).dianzan32x32
-
编辑.bianji
-
用户.yonghu
-
任务清单.renwuqingdan
-
评论.pinglun
-
赞.icon19
-
登录密码.denglumima
-
足迹.zuji
-
评论.pinglun1
-
关注.guanzhu
-
公司简介.zizhi
-
收藏.shoucang
-
analysis_pageview_icon_view.analysispageviewiconview
-
smile.smile
-
设计.sheji
-
加.jia
-
免费报价.mianfeibaojia
-
收藏.shoucang1
-
iconfont-活动.iconfonthuodong
-
iconfont-商城.iconfontshangcheng
-
三角下标(正方形).icon
-
分享_jammy.weibiaoti2
-
扫一扫.saoyisao
-
对勾.duigou
-
搜索.sousuo
-
语音.yuyin
第一步:使用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>