字体图标的引用018

**

（一）引用图标

**
1、先去找到要用的字体图标，下载下来，icomoon.io网址
2、解压，将fonts文件夹复制到项目文件夹里面，其他的先别删除


3、开始将字体图标引入，看下面style里面的代码

@font-face { /声明字体，引用字体/
font-family: “icomoon”; /这里的iconfont我们可以改，表示字体的官网/
src: url(‘fonts/icomoon.eot?7kkyc2’);
src: url(‘fonts/icomoon.eot?7kkyc2#iefix’) format(‘embedded-opentype’),
url(‘fonts/icomoon.ttf?7kkyc2’) format(‘truetype’),
url(‘fonts/icomoon.woff?7kkyc2’) format(‘woff’),
url(‘fonts/icomoon.svg?7kkyc2#icomoon’) format(‘svg’);
font-style: normal; /倾斜字体变正常/
}
4、打开一开始下载的字体图标文件夹，双击打开里面的demo.html文件夹，将要用到的字体图标拷贝到html标签中，当平常字体也一样使用 。


5、声明字体，font-family:“icomoon”;

**

（二）logo图标

**(美工做出来的是一张后缀名为svg的图片，是一张图片，需要我们转成字体图标)，步骤如下：
1、打开icomoon.io网页，找到importicons 点击导入svg图片
2、2、下载该图标使用’


*

(三)、补充：追加字体图标到原来库里面

找到与那里解压后的文件夹，打开找到.json后缀名的文件，重新上传后，下载图标替换原来的文件就可以了