如何在vue项目里使用iconfobt

在 Vue 项目中使用 iconfont 的方法如下：

1. 首先需要在项目中安装 iconfont 字体库。

2. 在 main.js 中引入 iconfont 文件，并将其作为全局样式文件引入。

3. 在组件中使用 iconfont 图标，可以使用 class 或者 unicode 的方式。

例如:

<template>
  <div>
    <i class="iconfont icon-search"></i>
    <i class="iconfont">&#xe622;</i>
  </div>
</template>

注意：如果是使用unicode 的方式需要先在 css 中设置字体来源。

@font-face {
    font-family: 'iconfont';  /* project id 1545440 */
    src: url('//at.alicdn.com/t/font_1545440_1lq0qj3tq7.eot');
    src: url('//at.alicdn.com/t/font_1545440_1lq0qj3tq7.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1545440_1lq0qj3tq7.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1545440_1lq0qj3tq7.woff') format('woff'),
    url('//at.alicdn.com/t/font_1545440_1lq0qj3tq7.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1545440_1lq0qj3tq7.svg#iconfont') format('svg');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

此方法在开发项目的时候最常见的使用方式,具体的还需要根据你使用的 iconfont 库来调整.