注册登录

shopwwi

shopwwi

发布：2019-08-11 08:55
更新：2022-03-27 22:53
阅读：4435

Nvue使用uni-app编译模式怎么引入字体文件？

分类：nvue

nvue uniapp

Nvue使用uni-app编译模式怎么引入字体文件？
1.从css中引用
@font-face {
font-family: XXX;
src: url(https://XXX
font-weight: 100;
font-style: normal
}

2.用weex在app.vue里加载：
var domModule = weex.requireModule('dom');
domModule.addRule('fontFace', {
'fontFamily': "texticons",
'src': "url('./static/text-icon.ttf')"
});

这两种方法都测试了均在APP中无法引入字体！有谁知道怎么引用嘛

2019-08-11 08:55 负责人:无分享

7 个回复

楼主解决了吗？

SimpleJalon - 个人承接PHP、uniapp项目，有案例，联系QQ 615773740，不接受外地工作，可付费提供技术支持。添加QQ时务必备注来意以及添加渠道，渠道可以写：`uniapp`

和weex一样

const domModule = weex.requireModule('dom');  
        domModule.addRule('fontFace', {  
            fontFamily: 'DingBean',  
            src: "url('./static/dingdou.ttf')"  
        });

1***@qq.com

请问我在app.vue里引入了，在text里的文字并没有改变字体（nvue），使用css引入在vue页面字体倒是引入成功了

2019-12-24 19:39
SimpleJalon

回复 1***@qq.com: 代码贴图最好。

2019-12-24 22:31

同问

1***@163.com

@font-face {
src: url('~@/static/font/SourceHanSansCN-Normal.ttf');
}

试试这样

SeeMyEyes - 程序员

我是这么解决的https://ask.dcloud.net.cn/article/37355

Liangxiaoman - Liang's

楼主解决了吗？

tuonioooo

解决方案如下：
<a href="https://blog.csdn.net/tuoni123/article/details/123783135">https://blog.csdn.net/tuoni123/article/details/123783135</a>

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