Icons from "Font Awesome" not showing

[FortBlissFamily]

Hello,
We migrated the website to Wordpress and transferred our domain. After doing so, we have noticed that some icons in the widget are not showing properly. I asked this to the Wordpress help chat, and they informed me that the theme "Understrap" has font called "Font Awesome" is not showing in the website.

When I enter the theme edit page, the icons show fine. Yet in the actual website, I don't see them. Where should I look into to fix the issue? I have attached the picture of the missing icons on the website and a view from theme edit page. Thank you.

[jholmes-dev]

Hello,

It looks like your website is blocking the font files from loading due to them being on a separate domain:

The domain looks like a staging URL, so it's possible that an automated deploy did not search and replace the static CSS files properly.

I'd start by checking that your font awesome source paths in this file are correct:
https://github.com/understrap/understrap-child/blob/main/src/sass/assets/fontawesome/_path.scss#L6-L11

and the path variable in this file is correct:
https://github.com/understrap/understrap-child/blob/main/src/sass/assets/fontawesome/_variables.scss#L4

You can also try disabling your Autoptimize plugin, which may be causing problems with WordPress' build process.

All else fails you can try to install the Font Awesome WordPress plugin, which should Band-aid your issue while you work on the underlying problem.

Also, that's a handsome looking website! Whoever designed and built it should be proud.