vue引入线上iconfont

可以通过在HTML文件中引入iconfont的链接或者在Vue组件中使用@font-face方式引入iconfont。

在HTML文件中引入iconfont的链接：
1. 在iconfont官网上选择需要引入的字体图标，并生成在线链接。
2. 在HTML文件中通过<link>标签将该链接引入进来，例如：

<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1234567_abcd.css" />

3. 在需要使用字体图标的地方，使用<i>标签加上对应的图标类名即可，例如：

<i class="iconfont icon-search"></i>

在Vue组件中使用@font-face方式引入iconfont：
1. 在iconfont官网上选择需要引入的字体图标，并将其下载到本地。
2. 在Vue组件中使用@font-face方式引入字体文件，例如：

@font-face {
  font-family: 'iconfont';
  src: url('path/to/iconfont.ttf') format('truetype')
}

.iconfont {
  font-family: 'iconfont' !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

3. 在需要使用字体图标的地方，使用<i>标签加上对应的图标类名即可，例如：

<i class="iconfont icon-search"></i>