字体图标

使用icomoon制作字体图标

1. 打开https://icomoon.io
2. 选择iconmoon app,选择需要的图标
3. 选好图标后选择generate fonts
4. 点击download
5. 解压后把fonts文件夹复制到项目中
6. 在css样式中添加

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?m8amdf');
  src:  url('fonts/icomoon.eot?m8amdf#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?m8amdf') format('truetype'),
    url('fonts/icomoon.woff?m8amdf') format('woff'),
    url('fonts/icomoon.svg?m8amdf#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

7. 在html中复制图标

<span></span>

8. 给标签添加css样式

span{
	font-family: 'icomoon';
	color: red;
}