# Static Assets not loaded in Simulator and LG TV

**URL:** <https://forum.webostv.developer.lge.com/t/static-assets-not-loaded-in-simulator-and-lg-tv/655>\
**Category:** Web App Development\
**Created:** [October 17, 2022, 4:30pm UTC](https://forum.webostv.developer.lge.com/t/static-assets-not-loaded-in-simulator-and-lg-tv/655 "2022-10-17T16:30:29Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![user401](https://avatars.discourse-cdn.com/v4/letter/u/258eb7/32.png) [@user401](https://forum.webostv.developer.lge.com/u/user401)\
**Post date:** [October 17, 2022, 4:30pm UTC](https://forum.webostv.developer.lge.com/t/static-assets-not-loaded-in-simulator-and-lg-tv/655/1 "2022-10-17T16:30:29Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![narae0.kim](https://avatars.discourse-cdn.com/v4/letter/n/87869e/32.png) [@narae0.kim](https://forum.webostv.developer.lge.com/u/narae0.kim)\
**Post date:** [October 18, 2022, 12:30am UTC](https://forum.webostv.developer.lge.com/t/static-assets-not-loaded-in-simulator-and-lg-tv/655/2 "2022-10-18T00:30:58Z")

</div>

You can access app assets relative to the location of the [index.html](https://webostv.developer.lge.com/develop/references/appinfo-json#main) file within your package structure. From the index.html file, you can refer to a font in the assets directory as follows:

```auto
<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:

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

```

For more information, please refer to [App Resources](https://webostv.developer.lge.com/develop/getting-started/app-resources). Thank you.

---

<div class="post-metadata">

**Author:** ![user401](https://avatars.discourse-cdn.com/v4/letter/u/258eb7/32.png) [@user401](https://forum.webostv.developer.lge.com/u/user401)\
**Post date:** [October 18, 2022, 10:36am UTC](https://forum.webostv.developer.lge.com/t/static-assets-not-loaded-in-simulator-and-lg-tv/655/3 "2022-10-18T10:36:59Z")

</div>

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

 ![imgonline-com-ua-twotoone-E9crf7EXRYEDB9](https://canada1.discourse-cdn.com/flex030/uploads/webostv/original/1X/908a6ac2a2605d83a2a659926107e0fa9171948f.jpeg)

---

<div class="post-metadata">

**Author:** ![narae0.kim](https://avatars.discourse-cdn.com/v4/letter/n/87869e/32.png) [@narae0.kim](https://forum.webostv.developer.lge.com/u/narae0.kim)\
**Post date:** [October 19, 2022, 5:05am UTC](https://forum.webostv.developer.lge.com/t/static-assets-not-loaded-in-simulator-and-lg-tv/655/4 "2022-10-19T05:05:27Z")

</div>

Please share with us your app at [developer@lge.com](mailto:developer@lge.com). Thank you.