1.通过工具制作svg矢量图
http://blog.csdn.net/terry_water/article/details/44928229
2.
将生成的svg矢量图导入,然后生成font字体
https://icomoon.io/app/#/select
3.
在上面生成导出,会下载下来一个压缩包
解压后,里面有一堆文件:
1.html
IcoMoon Demo2.
fonts 这个文件夹
3
style.css文件
这个css文件引入来fonts这个文件夹里面的font文件,然后进行的生成
@font-face {
font-family: 'icomoon';
src:url('fonts/icomoon.eot?-2pdlqj');
src:url('fonts/icomoon.eot?#iefix-2pdlqj') format('embedded-opentype'),
url('fonts/icomoon.woff?-2pdlqj') format('woff'),
url('fonts/icomoon.ttf?-2pdlqj') format('truetype'),
url('fonts/icomoon.svg?-2pdlqj#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="ico