Woo Commerce My Account Customizer Corrupting Font Awesome Header Icon

Hi Craig,

I'm not seeing anything obvious here but I don't believe it's a theme issue at all.

How are you loading FA? With the official FA plugin?
https://wordpress.org/plugins/font-awesome/

It's definitely not a theme issue. It has to do with the Woo Commerce Customize my Account plugin. If you go to https://mammothstag.wpengine.com/my-account/ youll see a ! that turns into a ? samething on the footer of this page. It only happens on this page. If you go to here: https://mammothstag.wpengine.com/ the icons appear fine. I am using the offical font awesome plugin. I was hoping there was a way to override what this plugin is doing to my header and footer on these pages. Thought maybe you guys might have a solution.

I was hoping there was a way to override what this plugin is doing to my header and footer on these pages.

I'm not sure unfortunately.

I would recommend checking with the plugin's support.

I was able to find a soloution, I created a hook for that particular page and added this to the wp_head and fixed the issue. Just in case someone else ever has this issue as well.

<script type="text/javascript">
      // Notice how this gets configured before we load Font Awesome
      window.FontAwesomeConfig = { autoReplaceSvg: false }
    </script>
    <script src="fontawesome.js"></script>
    <script src="fa-solid.js"></script>

resolved

Thanks for sharing the solution!