字体图标下载地址:
https://icomoon.io/(以这个为例)
http://www.iconfont.cn/
点击download就可以下载了
把fonts文件夹放入页面根目录下
在 CSS 样式中全局声明字体
@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;
}
html 标签内添加小图标
给标签定义字体
span {
font-family: "icomoon";
}
务必保证 这个字体和上面@font-face里面的字体保持一致
检验成果