字体图标的两种使用方法

下载完字体图标之后得到
1.
把该css文件放到要使用的html文件的统一文件夹 再其中引入

选择要使用的字体图标

把类名改成 icon+字体图标名

2.
把该文件放到要使用的html文件的文件夹 再在css中输入

@font-face {
font-family: ‘icomoon’;
src: url(‘fonts/icomoon.eot?u7g0y8’);
src: url(‘fonts/icomoon.eot?u7g0y8#iefix’) format(‘embedded-opentype’), url(‘fonts/icomoon.ttf?u7g0y8’) format(‘truetype’), url(‘fonts/icomoon.woff?u7g0y8’) format(‘woff’), url(‘fonts/icomoon.svg?u7g0y8#icomoon’) format(‘svg’);
font-weight: normal;
font-style: normal;
font-display: block;
}
最后在css中使用
.icon-cross:before {
content: “\e90a”;
}