shopwwi
shopwwi
  • 发布:2019-08-11 08:55
  • 更新:2022-03-27 22:53
  • 阅读:4144

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

分类:nvue

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 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com

楼主解决了吗?

SimpleJalon

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

1***@163.com

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

试试这样

SeeMyEyes

SeeMyEyes - 程序员

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

Liangxiaoman

Liangxiaoman - Liang's

楼主解决了吗?

tuonioooo

tuonioooo

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

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