uniapp引入iconfont

在开发uniapp的时候遇到了一个问题就是uniapp引入iconfont一直报模板引入的错误，然后自己在网上也找了好多方法没有解决，终究皇天不负有心人还是被我找到了方法，现在就记录下来，以后碰到类似的问题不至于手足无措。

1. 在阿里图标官网找到图标，下载至本地
   

2. 解压文件，将iconfont.css和iconfont.ttf复制 uniapp的static目录下
   

3. 将红线中内容替换下成一下内容
   

@font-face {font-family: "iconfont";
 /**这个就是放入到static的下ttf文件**/
  src: url('~@/static/iconfont/iconfont.ttf'); 
}

4. 在App.vue中引入iconfont.css

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

5. 使用

 <view class="iconfont icon-right"></view>

到这里就结束了！

还有一个小小问题就是hbuilderX3.4.18版本连接安卓手机一直在获取设备中，这个问题我找了半天也没有找到解决的办法，所以我就直接又下载了一个2.5.1的版本，这个版本就可以。要是哪个小伙伴知道是为什么可以在评论区告诉我一下，嘻嘻…

以上的解决办法来自于简书