WordPress migration: Font awesome icons do not show work

Question

I'm going to migrate the site http://www.thetrekkr.com (from a friend) to another server. The current server does have problems, until I migrate the domain I made a subdomain which is http://www.thetrekkr.pd-design.at. Everything works except the themes (Avada) icons - this must be font-awesome-icons. The icons are working in Edge but not in FF, Chrome, Opera.

I tried the following ways to fix the problems:

• Change the links in the database to the new subdomain (plugin better search replace)
• adding a .htaccess file to load the icons (https://theme-fusion.com/knowledgebase/are-your-font-awesome-icons-or-custom-fonts-not-showing-up/)
• adding the following code in the functions.php to load stylesheets or scripts (WordPress site migration - icons missing)
• changing many times from www without www etc.
• deleting browser cache, trying on more devices

Unfortunately nothing helps.

Update

I notice I am getting these errors in my network tab. Are they a problem?

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://www.thetrekkr.com/wp-content/themes/Avada/includes/lib/assets/fonts/icomoon/icomoon.woff. (Reason: CORS header 'Access-Control-Allow-Origin' missing).

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://www.thetrekkr.com/wp-content/themes/Avada/includes/lib/assets/fonts/icomoon/icomoon.ttf. (Reason: CORS header 'Access-Control-Allow-Origin' missing).

Answer 1

I had the same problem but the solution I found was simple in the end.

Go to theme options -> advanced -> dynamic css/js and then disable file caching, that worked for me. You can also reset the cache on this page.

Thanks

Jamie

Answer 2

I had a similar problem, This is How I fixed missing awesome fonts after migration

I migrated my client's website from MAMP to hostgator using all in one migration but after the migration, all of the avada awesome font wouldn't show (front end and back end) after hours of trying to fix I finally found a solution.

Within the wordpress theme dashboard navigated to > Theme options > Advanced > Theme features > FontAwesome then re-selected every font awesome option then hit save.

I could now select all the font again :)