1.下载
http://icomoon.io
2.把下载好的fonts文件夹放在页面根目录下
3.引入字体图标(在css文件下)
注意:文件路径问题
@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon.eot?tomleg');
src: url('../fonts/icomoon.eot?tomleg#iefix') format('embedded-opentype'),
url('../fonts/icomoon.ttf?tomleg') format('truetype'),
url('../fonts/icomoon.woff?tomleg') format('woff'),
url('../fonts/icomoon.svg?tomleg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
4.复制图标
5.css文件 利用伪元素做
.news-hd .more::after {
font-family: 'icomoon';
content: '\e920';
}
6.css文件下,定义字体
span{
font-family:"icomoon;
}