字体icomoon下载使用步骤

1.进入网站

http://icomoon.io

2.点击

3.选择想要的图标,点击生成

4.下载

5.解压

6.打开demo.html 复制小图标

7.复制fonts文件夹到项目中,在页面中引入字体

@font-face {  /*声明字体  引用字体*/
    font-family: "icomoon";  /*我们自己起名字可以*/
    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;  /*倾斜字体正常*/
}

8.将svg格式图片,转化为图标字体

9.追加新图标到原来的库中

猜你喜欢

转载自blog.csdn.net/github_38313789/article/details/81368696