ナビゲーションをスキップする

Open

Topic Tags: Compatibility

Overview of the issue

When using Custom Fonts with Elementor and Different domains per language, a Cross-Origin Resource Sharing (CORS) Policy issue arises. The custom fonts are always loaded from the original domain, leading to CORS policy errors.

Workaround

  • Go to WPML > Settings > Post Types Translation
  • Set the post type Custom Fonts (elementor_font) to translate.
  • In the same page but in the Custom Fields Translation section, set the custom field elementor_font_files to translate.
  • Open your translation in ATE.
  • Search for ‘.ttf’ file.
  • Once you find it, translate the domain URL for the right one.
  • Go to Elementor > Tools.
  • Press the to Regenerate Files & Data button.
  • Clear browser cache.

4 返答 へ “Elementor - Custom Fonts Cause CORS Policy Issue With Different Domains Per Language”

  1. So i tried to follow the workaround, but it won’t work. 🙁 so where could be the problem?

  2. You could also add the following to your .htaccess to get around this issue very easily:

    Header set Access-Control-Allow-Origin

    You could either allow every page to use it (bad idea)
    Header set Access-Control-Allow-Origin "*"

    Or you could just limit it to the domain of your translated page like this:
    Header set Access-Control-Allow-Origin "https://your-translated-domain.com"

    The .htaccess file should be in the root directory of your WP installation

返答する

Please stay on topic and be respectful to others. If you need help with issues not related to this post, use our Support Forum to start a chat or submit a ticket.

これらのタグを使用できます:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>