IconFont 图标
-
close.close
-
round_close_fill.roundclosefill
-
round_close.roundclose
-
search.search
-
unfold.unfold
-
back.back
-
settings.settings
-
delete.delete
-
home.home
-
message.message
-
link.link
-
lock.lock
-
round_add_fill.roundaddfill
-
QQ.qq
-
密码.mima
-
share.share
-
我.wo
-
朋友圈.pengyouquan
-
微信.weixin
-
QQ空间.qqkongjian
-
退出.tuichu
-
repeal.repeal
-
people.people
-
首页-添加.shouyetianjia
-
read.read
-
更新.gengxin
-
post.post
-
write.write
-
add.add
-
帮助.bangzhu
-
面包屑下拉.mianbaoxiexiala
-
创业身份.iconfontchuangyeshenfen
-
圆形未选中.yuanxingweixuanzhong
-
圆形选中-fill.yuanxingxuanzhongfill
-
箭头.jiantou
-
右箭头.youjiantou
-
YDUI-二维码扫描.yduierweimasaomiao
-
YDUI-分享3.yduifenxiang3
-
圆点小.yuandianxiao
-
shouye_click.shouyeclick
-
二维码.erweima
-
repeal.repeal-copy
-
面包屑下拉.mianbaoxiexiala-copy
第一步：使用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>