1.在样式里声明字体:告诉别人我们自己定义的字体
@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;
}
2.给盒子使用字体
span {
font-family: "icomoon" /*一定保证上面的 font-family: 相同;*/
}
3.盒子里面添加结构
div::before {
font-family: "icomoon"; /*一定保证上面的 font-family: 相同;*/
font-size: 100px;
color: purple;
content: "\e908";
}
追加新图标到原来库里面
添加时原来的不能删除,继续使用,此时我们需要把压缩包里面的selection.json从新上传,然后,选中自己想要新的图标,重新下载压缩被,替换原来文件