Skip Navigation

This thread is resolved. Here is a description of the problem and solution.

Problem:
The client is experiencing an issue where a custom font 'Cera Pro' is not loading in the translated language on a multi-language site using WPML. This problem is occurring when using different domains per language.
Solution:
We noticed that the issue might be related to Cross-Origin Resource Sharing (CORS) since the font is not being pulled to the secondary domain. Upon checking the console, CORS warnings were identified. If you're using Elementor, we recommend reviewing the following errata which addresses a known issue with custom fonts and provides a workaround:

Please try the suggested workaround and let us know your results.

If this solution doesn't look relevant to your issue, we encourage you to open a new support ticket here.

This is the technical support forum for WPML - the multilingual WordPress plugin.

Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.

Tagged: 

This topic contains 1 reply, has 2 voices.

Last updated by Bobby 1 year, 5 months ago.

Assisted by: Bobby.

Author Posts
November 29, 2023 at 4:11 pm #14953647

milosS-9

Hello,

Hello,
I'm working on a multi-language site on test environment with the WPML plugin and I ran into a "problem":

Custom font "Cera Pro"is loaded in Brikcs and in the default language it is loaded normally, while it is not loaded in the translated language.

Did I miss something in the settings?

November 29, 2023 at 6:32 pm #14955189

Bobby
WPML Supporter since 04/2015

Languages: English (English )

Timezone: America/Los_Angeles (GMT-07:00)

Hello,

Friendly reminder to avoid sharing access details outside a private reply as this is a public forum.

I can see you are using a different domain per language.

There is a possibility the font is not being pulled to the secondary domain due to CORS.

When I check your console I do see some CORS warnings pointing to the font-- see screenshot.

If you are using Elementor please review the following errata going over a known issue and try the workaround:

https://wpml.org/errata/elementor-custom-fonts-cause-cors-policy-issue-with-different-domains-per-language/

Let me know your results.

Screen Shot 2023-11-29 at 10.29.20 AM.png
November 30, 2023 at 11:23 am #14961455

milosS-9

Thank you!