[Resolved] use different font in which language

Problem:
The client wants to configure custom fonts in the general settings for each language, rather than for each element through the page builder.

Solution:
If you are experiencing this, we recommend using CSS code to apply different fonts for each translation. Here is an example of how to do it:

html[lang="ar"] {font-family: "Cyrillic Barlow Condensed Reg" !important; font-size: 20px !important; font-weight: 600 !important;}

This code is just an example and depending on the design of your site, you will need to apply CSS code and adjust the values.

For example, if you want to target all paragraphs on the site, you would include the

tag as follows:

html[lang="ar"] p{font-family: "Hoverla Font ENG" !important; font-size: 24px !important;}

If you want to target more HTML tags, you can use something like this:

html[lang="ar"] p, html[lang="ar"] a, html[lang="ar"] h1{font-family: "Hoverla Font ENG" !important; font-size: 24px !important;}

Please note that custom CSS is outside the scope of our Support guidelines, but we still wanted to share with you some examples that you can follow.

If the solution provided turns out to be irrelevant, either because it is outdated or does not apply to your case, we suggest opening a new support ticket. We strongly recommend that you review the known issues, check the version of the permanent fix, and confirm that you have installed the latest versions of themes and plugins.