1、登錄iconfont，（阿里圖標(biāo)庫），點(diǎn)開圖標(biāo)，選擇需要的圖標(biāo)，添加到庫里（點(diǎn)擊購物車標(biāo)志）；

2、點(diǎn)擊添加至項(xiàng)目，復(fù)制代碼，（若圖標(biāo)有更新，則需更新代碼）

3、復(fù)制的代碼如下：

? @font-face {

? ? font-family: 'iconfont';? /* project id 238765 */

? ? src: url('//at.alicdn.com/t/font_vujarmye95zpk3xr.eot');

? ? src: url('//at.alicdn.com/t/font_vujarmye95zpk3xr.eot?#iefix') format('embedded-opentype'),

? ? url('//at.alicdn.com/t/font_vujarmye95zpk3xr.woff') format('woff'),

? ? url('//at.alicdn.com/t/font_vujarmye95zpk3xr.ttf') format('truetype'),

? ? url('//at.alicdn.com/t/font_vujarmye95zpk3xr.svg#iconfont') format('svg');

}

4.頁面引用

? ? html 中:

? ? ? ? <div class="myfont"> &#xeb7a</div>

? ? css 中:

? ? @font-face {

font-family: 'iconfont';? /* project id 238765 */

src: url('//at.alicdn.com/t/font_vujarmye95zpk3xr.eot');

src: url('//at.alicdn.com/t/font_vujarmye95zpk3xr.eot?#iefix') format('embedded-opentype'),

url('//at.alicdn.com/t/font_vujarmye95zpk3xr.woff') format('woff'),

url('//at.alicdn.com/t/font_vujarmye95zpk3xr.ttf') format('truetype'),

url('//at.alicdn.com/t/font_vujarmye95zpk3xr.svg#iconfont') format('svg');

}

.myfont{

font-family:"iconfont" !important;

font-size:16px;

font-style:normal;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

}

以上為在線引用

-----------------------------------------------------------------------------------