Font Awesome Icons are squares

  • Resolved Venci

    (@fabrixweb)


    6 years, 10 months ago

    Hello,

    I have a problem with my icons. My website is multilingual, translated with WPML. I have different domains for each language version – Spanish-website.com and English-website.com. The problem with the icons is only in English version of the website.

    Google Chrome shows this error:

    Access to Font at 'https://Spanish-website.com/wp-content/plugins/js_composer/assets/lib/bower/font-awesome/fonts/fontawesome-webfont.woff?v=4.2.0' from origin 'https://www.English-website.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://www.English-website.com' is therefore not allowed access.

    Thank you!

    • This topic was modified 6 years, 10 months ago by Venci.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Optimizing Matters

    (@optimizingmatters)

    not really an AO problem, but anyhow; browsers only load fonts from the same domain by default, due to security concerns. the solution for that are CORS headers to be served cross-domain therefore need to be “whitelisted” by adding the correct CORS headers. you can find more info on this e.g. here; https://davidwalsh.name/cdn-fonts

    hope this helps,
    frank

    Thread Starter Venci

    (@fabrixweb)

    Thank you! This solve the problem ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Font Awesome Icons are squares’ is closed to new replies.