uniapp使用加载本地文字包

最新推荐文章于 2024-06-21 17:40:58 发布

Android白弟

最新推荐文章于 2024-06-21 17:40:58 发布

阅读量127

点赞数 3

文章标签： uni-app 前端 javascript

本文链接：https://blog.csdn.net/qq_42721092/article/details/139420087

版权

uniapp使用加载本地文字包

				// uni.loadFontFace({
				// 	family: 'huangyou',
				// 	// 本地字体路径需转换为平台绝对路径
				// 	source:`url(${plus.io.convertLocalFileSystemURL('_www/static/WD-XLLubrifont.ttc')})`
				// 	success(res) {
				// 		this.updataToString="成功："+JSON.stringify(res)
				// 		console.log('success-------', res,`url('../../static/WD-XLLubrifont.ttc')`)
				// 	},

source:`url(${plus.io.convertLocalFileSystemURL('_www/static/WD-XLLubrifont.ttc')})`
这个方法在通过Hbuilder运行 ，安装到手机上是没有问题的，加载成功

但是通过Hbuilder云打包后，就运行不成功了出现了以下的错误

errMsg":"loadFontFace:failNetworkError: A network erroroccurred

通过打印发现

Hbuilder直接运行的地址：  url(/storage/emulated/0/Android/data/包名/apps/app_id/www/static/WD-XLLubrifont.ttc)

Hbuilder云打包安装 ：url(/data/user/0/包名/apps/app_id/www/static/WD-XLLubrifont.ttc)

发现端倪后通过搜索给它换成

`url(${plus.io.convertLocalFileSystemURL('_www/static/WD-XLLubrifont.ttc')})` 
	变成下边的
'url(/static/WD-XLLubrifont.ttc)'

最后结果是

	uni.loadFontFace({
		family: 'huangyou',
		source: 'url(/static/WD-XLLubrifont.ttc)',
		success(res) {
			console.log('success-------')
		},
		fail(e) {
			console.log('fail=======')
		}
	});