IconFont web图标

IconFont travel图标

IconFont shopping图标

IconFont system图标

IconFont sign图标

IconFont arrow图标

IconFont phone图标

IconFont head图标

IconFont phiz图标

IconFont hand图标

IconFont file图标

IconFont table图标

IconFont pay图标

IconFont home图标

IconFont 二维码图标

IconFont price图标

IconFont media图标

IconFont 其他图标

第一步:使用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">&#x33;</i>