uni-app--如何使用iconfont字体【只需三步】

在使用uni-app做项目的时候，有时候会遇到要使用iconfont字体，那么该怎么使用呢？只需三步

第一步：下载字体包导入到项目的static下

  第二步：修改iconfont.css文件

  代码如下：

@font-face {
    font-family: "iconfont";
    src: url('~@/static/fonts/iconfont.ttf');
}

第三步：引入iconfont.css文件

  代码如下：

@import url("/static/fonts/iconfont.css");

然后正常使用字体就可以了。

<text class="icon iconfont icon-plus"></text>

在哪里引入？

在APP项目中，如果只有某几个页面使用，只需要在对应的页面进行引入，如果很多页面都会用到，可以全局引入：

在App.vue 文件引入：

<style>
@import url("/static/fonts/iconfont.css");
</style>

打完收工！