在html页面中加入矢量图,在html中引用矢量图

1.通过工具制作svg矢量图

http://blog.csdn.net/terry_water/article/details/44928229

2.

将生成的svg矢量图导入，然后生成font字体

https://icomoon.io/app/#/select

3.

在上面生成导出，会下载下来一个压缩包

解压后，里面有一堆文件：

1.html

IcoMoon Demo

2.

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