Static Assets not loaded in Simulator and LG TV

[user401]

Hi
I am building a react app for LG. I have put my static images and fonts inside src/assets. folder in create react app. After that i build this project using “react-scripts build” command. This generates build folder and mapped all assets to /build/static/media folder.

I have created sample project for LG using VSCode extensions and copied my build folder in this. After that i tried running the emulator but i cannot see any of the static image and fonts in my application, instead it takes LG legacy font. Whereas it is taking all static images and fonts in browser.

Please help

[narae0.kim]

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.

[user401]

Thanks Kim for the reply

I have copied my font to index.html as suggested

but still you see in webos simulator it displays LG font only

[narae0.kim]

Please share with us your app at developer@lge.com. Thank you.