裂开，按照文档的方法，不管是直接请求的线上字体图标文件或将字体图标转成base64后引入，APP真机调试都无法在组件中正确显示出图标
官方能不能给出一个能直接在nvue组件中使用的例子呀！！！
还有video组件的默认控件为什么不支持倍数呀？真的无法理解，这个功能应该比弹幕之类的功能要常用的多
代码：
直接引入线上：
beforeCreate() {
// #ifdef APP
const dom = weex.requireModule('dom')
dom.addRule('fontFace', {
'fontFamily': "texticon",
'src': "url('https://at.alicdn.com/t/font_865816_17gjspmmrkti.ttf')"
})
// #endif
}
转base64后引入：
beforeCreate() {
// #ifdef APP
const dom = weex.requireModule('dom')
dom.addRule('fontFace', {
'fontFamily': "texticon",
'src': "url('data:font/ttf;charset=utf-8;base64,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')"
})
// #endif
}
样式：
.texticon {
font-family: texticon;
font-size: 16px;
color: #fff;
}
使用：
<cover-view :style="{ width: boxW + 'px' }" class="control-box">
<view>xxxx</view>
<text class="texticon"></text>
<text class="texticon"></text>
<text class="texticon">xxxxxx</text>
</cover-view>
3 个回复
5***@qq.com (作者)
百度出来的方法也试了好几种，都不成功的。。。
每次想用uniapp开发不常用功能的时候都感觉特别的“困难”，不是文档不全，就是存在各种各样的限制。最烦人的还是，问答社区里明明早就有人反馈过类似的问题，但是几个月过去，甚至几年了都看不到一个“官方”的回复
y***@youjiuzs.com
然后在css里面
最后在template
就可以啦!
5***@qq.com (作者)
直接复制你的代码，就改了文件路径还是不行，而且官方文档里说nvue中不支持本地路径的
“nvue中不可直接使用css的方式引入字体文件，需要使用以下方式在js内引入。nvue内不支持本地路径引入字体，请使用网络链接或者base64形式。src字段的url的括号内一定要使用单引号。“
2022-04-19 15:44
y***@youjiuzs.com
回复 5***@qq.com: 我就是这样用的呀，图标是可以显示出来的
2022-04-19 15:46
y***@youjiuzs.com
在onReady里面调用字体方法的
2022-04-19 15:48
5***@qq.com (作者)
回复 y***@youjiuzs.com: 我试过在组件的mounted()方法里调用也一样还是显示不出来
2022-04-19 15:52
y***@youjiuzs.com
回复 5***@qq.com: 那我就不晓得了，我这边是可以显示出来的~
2022-04-19 16:00
李钊
回复 5***@qq.com: nvue中使用阿里图标不生效的可能原因是app没有杀死重来
var domModule = weex.requireModule('dom');
domModule.addRule('fontFace', {
'fontFamily': 'iconfont',
'src': "url('/static/iconfont/iconfont.ttf')"
});
这样是可以生效的
2022-07-22 19:48
y***@youjiuzs.com
https://uniapp.dcloud.io/tutorial/nvue-api.html#dom