字体图标操作步骤

网站
直接点击
进去后长这样，点免费的添加

保存下载


保存后解压

把fonts文件夹复制粘贴到我们自己项目
可以放在同images的路径下

引入
来源于

再style中粘贴

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

使用
复制那个小框就可以了

声明字体
不然得到的只有个框，字体要和复制的代码里面那个字体保持一致

字体图标可以改样式

图标还可以追加