Icons showing up as blank squares

Solved it.

Hi, Lukas!

You’re right – it looks like your site is trying to load the icon font file from ‘https://beta.fundaciontlaloc.org’ instead ‘https://fundaciontlaloc.org’, which results in a Cross-Origin error: https://d.pr/i/121g6

If you’ve migrated the site from a staging site recently, you can normally fix these errors by making sure that the new site’s WordPress Address and Site Address both say https://fundaciontlaloc.org in Settings → General, and that all URLs in your database are updated.

As soon as your site’s stylesheets are loaded from your main domain at https://fundaciontlaloc.org instead of the subdomain at https://beta.fundaciontlaloc.org, the icons should display as you expect.

EDIT: I see that you’ve solved it, but am leaving my reply here in case it helps others. ??

Hi Nick!

I solved it differently, I just added this code to my .htaccess:

<IfModule mod_headers.c>
      Header add Access-Control-Allow-Origin "*"
</IfModule>

In case anyone has a similar problem..

Thanks for sharing your solution, Lukas – I’m sure it will be useful for others.