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

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";
    }