[Resolved] Different fonts for different languages in Theme

Hi and thank you for contacting WPML Support!

I will be happy to help you with this.

First of all, thank you very much for your patience and sorry to have you waiting - there is a very full ticket queue at the moment and it takes us a bit more than usual to answer tickets.

I would like to request temporary access (wp-admin and FTP) to your site to take a better look at the issue. You will find the needed fields for this below the comment area when you log in to leave your next reply. The information you will enter is private which means only you and I can see and have access to it.

Our Debugging Procedures

I will be checking various settings in the backend to see if the issue can be resolved. Although I won't be making changes that affect the live site, it is still good practice to backup the site before providing us access. In the event that we do need to debug the site further, I will duplicate the site and work in a separate, local development environment to avoid affecting the live site.

Privacy and Security Policy

We have strict policies regarding privacy and access to your information. Please see:
https://wpml.org/purchase/support-policy/privacy-and-security-when-providing-debug-information-for-support/

**IMPORTANT**

- Please make a backup of the site files and database before providing us access.

- If you do not see the wp-admin/FTP fields this means your post & website login details will be made PUBLIC. DO NOT post your website details unless you see the required wp-admin/FTP fields. If you do not, please ask me to enable the private box.

The private box looks like this: hidden link

I will be waiting for your response.

Kind regards,
Mihai Apetrei

Hi.

I think the CSS was not working because you copy-pasted everything (including the language names) so when WordPress was reading the CSS code, it would stop right when it was finding a word that made no sense to it.

I thought that you would just copy the codes 🙂 but no worries, now I have created a comment tag so that you can still keep the language names so that you know which language is each CSS line targeting.

I added this into the backend of your site:

/*English*/

html[lang="en-US"] {font-family: Roboto !important;}

/*Hebrew*/

html[lang="he-IL"] {font-family: Assistant !important;}

/*Russian*/

html[lang="ru-RU"] {font-family: Arial !important;}

/*French*/

html[lang="fr-FR"] {font-family: Arial !important;}

/*Spanish*/

html[lang="es-ES"] {font-family: Arial !important;}

/*Arabic*/

html[lang="ar"] {font-family: Arial !important;}

Also, for changing the font size, you can simply add a new line under the existing "font-family" one with the "font-size" property.

Here is an example of the English language code:

html[lang="en-US"] {
font-family: Roboto !important;
font-size: 20px !important;
}

Please let me know if everything works as expected now 🙂

Kind regards,
Mihai