Resource folder in the webos project creating issue

Web App Development
1

Hi there

I have webos app code in which I have one resource folder which has fonts and images and it’s name is static like above screenshot
but when I’m creating bundle package and installing app on tv I’m getting error RegRoboto.ttf:1 Failed to load resource: net::ERR_INVALID_URL
DOMException: A network error occurred.

so is this a case that I’m missing that folder or is there any other way to include?

Thanks in advance.

all
all1921×1014 335 KB

2

You can access app assets relative to the location of the index.html file within your package structure. From the index.html file, you can refer to a font in the assets directory as follows:

<style>
@font-face {
    font-family: AlexBrush;
    src: url('assets/AlexBrush-regular.ttf');
}
h2 {
    font-family: AlexBrush;
}
</style>

And from a CSS file located in source/css as follows:

@font-face {
    font-family: AlexBrush;
    src: url('../../assets/AlexBrush-regular.ttf');
}
h2 {
    font-family: AlexBrush;
}

For more information, please refer to App Resources. Thank you.