之前的编译模式字体图标只是用了woff2文件和iconfont.css文件就可以使用字体图标了,但是换成v3编译模式以后,就是提示无法转换字体,然后我就把其他的文件都 加上去,但是都提示找不到文件,文件确信是存在的,目前不知道如何使用字体图标
3***@qq.com
- 发布:2020-04-23 10:51
- 更新:2020-04-23 11:17
- 阅读:1170
uniapp 【V3编译】无法使用阿里巴巴字体图标库
分类:uni-app
3 个回复
HawkLu92 - GoodGoodCoding,DayDayNoBug
1.打开你下载放在项目里面的iconfont.css文件
2.修改 @font-face中的src路径。补全完整路径
下载的源文件:
修改后的文件:(我直接是吧iconfont文件夹放在项目根目录,不建议)
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 (作者)
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