3***@qq.com
3***@qq.com
  • 发布:2020-04-23 10:51
  • 更新:2020-04-23 11:17
  • 阅读:1170

uniapp 【V3编译】无法使用阿里巴巴字体图标库

分类:uni-app

之前的编译模式字体图标只是用了woff2文件和iconfont.css文件就可以使用字体图标了,但是换成v3编译模式以后,就是提示无法转换字体,然后我就把其他的文件都 加上去,但是都提示找不到文件,文件确信是存在的,目前不知道如何使用字体图标

2020-04-23 10:51 负责人:无 分享
已邀请:
HawkLu92

HawkLu92 - GoodGoodCoding,DayDayNoBug

1.打开你下载放在项目里面的iconfont.css文件
2.修改 @font-face中的src路径。补全完整路径

下载的源文件:

修改后的文件:(我直接是吧iconfont文件夹放在项目根目录,不建议)

HawkLu92

HawkLu92 - GoodGoodCoding,DayDayNoBug

还有,原来我是通过js引入iconfon,但V3后就不可以了,所以你需要在App.vue文件中 import中引入。

  • 3***@qq.com (作者)

    嗯嗯 好像可以了,我直接丢在static/font文件夹中,然后路径这样写的

    url('/static/font/iconfont.ttf?t=1587609187540') format('truetype'); 只用了ttf文件就可以了,还有个新的问题,动态添加的你字体图标不显示

    2020-04-23 11:16

  • HawkLu92

    回复 3***@qq.com: 怎么动态添加的?什么需求?

    2020-04-23 11:19

  • 3***@qq.com (作者)

    回复 HawkLu92: 可以了可以了 是我写错了才导致出不来 非常感谢你的帮助~!

    2020-04-23 11:22

3***@qq.com

3***@qq.com (作者)

v3 编译器 动态渲染,字体图标出不来

  • HawkLu92

    估计你的写法有问题,贴代码,我js动态添加是没问题的

    2020-04-23 11:21

  • 3***@qq.com (作者)

    回复 HawkLu92: 嗯嗯 代码写错了 非常感谢~!

    2020-04-23 11:22

  • 3***@qq.com (作者)

    回复 HawkLu92: 咨询一下你哈,你在V3模式下,text组件可以设置字体大小吗,我这边不行,只能对view进行设置字体大小

    2020-04-23 15:36

该问题目前已经被锁定, 无法添加新回复