I'm going to migrate the site <a href="http://www.thetrekkr.com" rel="nofollow noreferrer">http://www.thetrekkr.com</a> (from a friend) to another server. The current server does have problems, until I migrate the domain I made a subdomain which is <a href="http://www.thetrekkr.pd-design.at" rel="nofollow noreferrer">http://www.thetrekkr.pd-design.at</a>. Everything works except the <strong>themes (Avada) icons</strong> - 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:
<ul>
<li>Change the links in the database to the new subdomain (plugin better search replace)</li>
<li>adding a .htaccess file to load the icons (<a href="https://theme-fusion.com/knowledgebase/are-your-font-awesome-icons-or-custom-fonts-not-showing-up/" rel="nofollow noreferrer">https://theme-fusion.com/knowledgebase/are-your-font-awesome-icons-or-custom-fonts-not-showing-up/</a>)</li>
<li>adding the following code in the functions.php to load stylesheets or scripts (<a href="https://stackoverflow.com/questions/39268569/wordpress-site-migration-icons-missing">WordPress site migration - icons missing</a>)</li>
<li>changing many times from www without www etc.</li>
<li>deleting browser cache, trying on more devices</li>
</ul>
Unfortunately nothing helps.
<h2>Update</h2>
I notice I am getting these errors in my network tab. Are they a problem?
<blockquote>
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at <a href="http://www.thetrekkr.com/wp-content/themes/Avada/includes/lib/assets/fonts/icomoon/icomoon.woff" rel="nofollow noreferrer">http://www.thetrekkr.com/wp-content/themes/Avada/includes/lib/assets/fonts/icomoon/icomoon.woff</a>. (Reason: CORS header 'Access-Control-Allow-Origin' missing).
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at <a href="http://www.thetrekkr.com/wp-content/themes/Avada/includes/lib/assets/fonts/icomoon/icomoon.ttf" rel="nofollow noreferrer">http://www.thetrekkr.com/wp-content/themes/Avada/includes/lib/assets/fonts/icomoon/icomoon.ttf</a>. (Reason: CORS header 'Access-Control-Allow-Origin' missing).
</blockquote>
I tried the following ways to fix the problems:
<ul>
<li>Change the links in the database to the new subdomain (plugin better search replace)</li>
<li>adding a .htaccess file to load the icons (<a href="https://theme-fusion.com/knowledgebase/are-your-font-awesome-icons-or-custom-fonts-not-showing-up/" rel="nofollow noreferrer">https://theme-fusion.com/knowledgebase/are-your-font-awesome-icons-or-custom-fonts-not-showing-up/</a>)</li>
<li>adding the following code in the functions.php to load stylesheets or scripts (<a href="https://stackoverflow.com/questions/39268569/wordpress-site-migration-icons-missing">WordPress site migration - icons missing</a>)</li>
<li>changing many times from www without www etc.</li>
<li>deleting browser cache, trying on more devices</li>
</ul>
Unfortunately nothing helps.
<h2>Update</h2>
I notice I am getting these errors in my network tab. Are they a problem?
<blockquote>
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at <a href="http://www.thetrekkr.com/wp-content/themes/Avada/includes/lib/assets/fonts/icomoon/icomoon.woff" rel="nofollow noreferrer">http://www.thetrekkr.com/wp-content/themes/Avada/includes/lib/assets/fonts/icomoon/icomoon.woff</a>. (Reason: CORS header 'Access-Control-Allow-Origin' missing).
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at <a href="http://www.thetrekkr.com/wp-content/themes/Avada/includes/lib/assets/fonts/icomoon/icomoon.ttf" rel="nofollow noreferrer">http://www.thetrekkr.com/wp-content/themes/Avada/includes/lib/assets/fonts/icomoon/icomoon.ttf</a>. (Reason: CORS header 'Access-Control-Allow-Origin' missing).
</blockquote>