最近在搞uni,但是发现网上本地的比较少,而且也不是很清楚,所有才有了这一篇,方便以后的使用者和自己。

UniAPP 本地阿里图标

一.创建一个项目,然后下载本地,椭圆内的两种方式都可以,不过我用的的是方形内的Font class,接下来也只讲Font Class。

二.下载下来然后解压,拿到里面的iconfont.ttf文件,放到https://transfonter.org/里面。

UniAPP 本地阿里图标

然后点击添加文件,选择iconfont.ttf,然后选择兑换,完成后选着下载。

UniAPP 本地阿里图标

下载后解压文件。

UniAPP 本地阿里图标

三.选着这个文件把里面的@font-face内容与iconfont.css的@font-face内容相互替换。这样就完成了,剩下的就是简单的导入。

UniAPP 本地阿里图标

放入文件,如果报路径错误就仔细看看文件路径。

UniAPP 本地阿里图标

然后就是在APP.vue style内导入他
@import ‘./static/font/iconfont.css’

UniAPP 本地阿里图标

呕心沥血的巨作终于完成了,哭了哭了,看一下成果。

UniAPP 本地阿里图标

成功了。

著作权归作者所有。
商业转载请联系作者获得授权,非商业转载请注明出处。
作者:动物亦是易碎品
链接:https://www.wbfsj.com/archives/45.html
来源:纬播教程

相关文章:

  • 2021-12-04
  • 2021-07-22
  • 2022-12-23
  • 2022-12-23
  • 2022-02-13
  • 2021-04-27
  • 2021-12-14
  • 2021-12-06
猜你喜欢
  • 2021-12-31
  • 2021-11-18
  • 2021-12-21
  • 2021-08-25
  • 2021-10-23
  • 2022-01-14
  • 2022-12-23
相关资源
相似解决方案