在线引入字体html,字体图标引入到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::before {

content: "\e900";

}

标签：7kkyc2,icomoon,url,format,fonts,HTML,字体,font,图标

来源： https://www.cnblogs.com/jane-panyiyun/p/11818310.html