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、字体图标的追加
将新的字体图标压缩包替换掉原来的便可完成字体图标的追加