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

ps:

font-family的名字可以自己起

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

 1 @font-face {
 2   font-family: 'icomoon'; 
 3   src:  url('fonts/icomoon.eot?7kkyc2');
 4   src:  url('fonts/icomoon.eot?7kkyc2#iefix') format('embedded-opentype'),
 5     url('fonts/icomoon.ttf?7kkyc2') format('truetype'),
 6     url('fonts/icomoon.woff?7kkyc2') format('woff'),
 7     url('fonts/icomoon.svg?7kkyc2#icomoon') format('svg');
 8   font-weight: normal;
 9   font-style: normal;
10 }

 

第二步：给盒子使用字体

span {
        font-family: "icomoon";
    }

 

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

  
<span></span>  

或者

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