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

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

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

 

 

posted @ 2019-11-08 09:52  jane_panyiyun  阅读(818)  评论(0)  编辑  收藏  举报