七、项目中使用 （这里以VUE项目为例）
字体文件添加到项目中过后，我们要想在项目中使用它，还需要对样式文件进行导入，导入方法就是在main.ts中引入iconfont.css文件即可。如下图：
由于我的项目是基于typescript开发的，所以文件后缀名是.ts，如果你的项目不是基于typescript开发的，则在 main.js中导入iconfont.css文件即可。
然后就可以在项目中通过样式使用图标了
<i class="iconfont icon-add-circle"></i>
<i class="iconfont icon-arrow-up-circle"></i>其中 iconfont 就是在【新建项目】中【Font Family】定义的名称，如果你创建项目时【Font Family】填写的是 xxyy，那么使用的时候就如下使用：
<i class="xxyy icon-add-circle"></i>
<i class="xxyy icon-arrow-up-circle"></i>我们发现所有样式名称都有相同的前缀 icon，如上面的 icon-add-circle 和 icon-arrow-up-circle都是以 icon 为前缀的，其实这也是我们在【新建项目】中【FontClass前缀】定义的。我们定义的前缀是 icon，所以它们都是以 icon 为前缀的。