字体图标的下载与使用

1、字体图标的下载

1.icomoon字库：http://icomoon.io
2.阿里iconfont字库：http://www.iconfont.cn/
已icomoon为例，进入icomoon官网

2、字体图标的引入

下载完成的压缩包不要删除，字体图标的追加还需要使用

<style>
	@font-face {
  		font-family: 'icomoon';
  		src:  url('fonts/icomoon.eot?aibygu');
  		src:  url('fonts/icomoon.eot?aibygu#iefix') format('embedded-opentype'),
    	url('fonts/icomoon.ttf?aibygu') format('truetype'),
    	url('fonts/icomoon.woff?aibygu') format('woff'),
    	url('fonts/icomoon.svg?aibygu#icomoon') format('svg');
  		font-weight: normal;
  		font-style: normal;
  		font-display: block;
}
</style>

3、字体图标的追加

将新的字体图标压缩包替换掉原来的便可完成字体图标的追加