How do I import a font in Layabox from FairyGUI

[skymen]

I have a FairyGUI project that uses a font (Changa One). I have it in both .ttf and .woff formats.
When I publish to Laya, the font isn't published with it and so the layabox project doesn't contain the font and fallsback to system default on other devices.

I tried dynamically importing the font in Laya, but it did not work :/

async function loadFont(name, url) {
	return new Promise((resolve, reject) => {
		var font = new (self as any).FontFace(name, `url(${url})`);
		font.load().then(function(loaded_face) {
			(document as any).fonts.ready.fonts.add(loaded_face);
			document.body.style.fontFamily = `"${name}, Arial`;
			console.log(`Font ${name} has been loaded`);
			resolve()
		}).catch(function(error) {
			console.error(error);
			reject();
		});
	});
}
loadFont("Changa One", "fonts/Changa-Bold.woff").then(()=> {
	new Main();
});

Any idea of how to make this work? I'm kinda lost and all the (accurate and detailed) documentation for laya is in chinese, and I can't make an account on the laya forum because wechat won't let me.

[xiaoguzhu]

put these styles in html:

then you can set fgui.UIConfig.defaultFont = 'hu'

[skymen]

Thanks for the answer :)
I also realised why my code did not work: the Typescript compiler failed to parse the async keyword and Layabox never told me!

in the end, I have this piece of code that seems to work, in case anyone else might need it

function loadFont(name, url, isBold, isItalic) {
	return new Promise((resolve, reject) => {
		let descriptors:any = {family: name}
		if (isBold) descriptors.weight = "bold"
		if (isItalic) descriptors.style = "italic"
		var font = new (self as any).FontFace(name, `url(${url})`, descriptors);
		font.load().then(function(loaded_face) {
			(document as any).fonts.add(loaded_face);
			console.log(`Font ${name} has been loaded (${url})`);
			resolve()
		}).catch(function(error) {
			console.error(error);
			// This means the game will never run if one of the fonts fail to load.
			// Alternatively, resolve anyway to keep the game running in case of failure.
			// You can also use Promise.allSettled, but at the moment it is not supported in every browsers
			reject();
		});
	});
}
Promise.all([
	loadFont("Changa One", "fonts/Changa-Regular.woff2", false, false),
	loadFont("Changa One", "fonts/Changa-Italic.woff2", false, true),
	loadFont("Changa One", "fonts/Changa-Bold.woff2", true, false)
]).then(()=> {
	new Main();
});