Iconfont的使用

1.在线使用

1.Symbol-在线使用

2.选择Symbol方式引入，复制链接，然后在index.html文件中引入

<script src="https://at.alicdn.com/t/c/font_3572742_w51elmyzq3.js"></script>

3.加入通用css代码（引入一次即可）

.icon {
  width: 1em;
  height: 1em;
  overflow: hidden;
  vertical-align: -0.15em;
  fill: currentColor;
}

我放在了全局通用css文件里

4.使用：挑选相应图标并获取类名，应用于页面

<svg class="icon" aria-hidden="true">
    <use xlink:href="#icon-xxx"></use>
</svg>

2.Symbol-下载本地使用

1.下载至本地

****

2.将其中的iconfont.js放到项目目录下，并在main.js中引入

3.通用css和使用与在线使用相同