字体图标引入到HTML---复制用代码

第一步：在样式里面声明字体： 告诉别人我们自己定义的字体

ps:

font-family的名字可以自己起

src是引入了4种字体，不用修改的

 @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-weight: normal;
   font-style: normal;
 }

第二步：给盒子使用字体

span {
        font-family: "icomoon";
    }

第三步：盒子里面添加结构

<span></span>  

或者

span::before {
         content: "\e900";
    }