Arabic-english website with different fonts

Support
#1

Hi,
i am using the “agency” demo theme to design a website in 2 languages (arabic and english). is there a setting where i can use different google font for arabic and another for english?

thanks

#2

Hello There,

Thanks for writing in! Regretfully there is no available option for that to have two separate fonts in different languages. I would recommend that you use font that works in both languages.

All the best.

#3

Thanks for the reply
is there any CSS code i can paste in the customization area to have this control? (by language font)

thanks
Fahad

#4

Hi there,

There is no general CSS code but there is a trick which you can use to change the font in different places one by one. As soon as you change the language to Arabic, an attribute in the HTML tag of the website called lang is set to that language code and you can use it to know when it is Arabic.

So if you want to change the font of the h1 tag you will add something like this:

html[lang="ar"] h1 {
	font-family: 'Tahoma', serif;
}

You need to use the same technique for other cases. Implementation of this technique is outside of our support scope and we can only guide you as we did regarding this case.

Thank you.

#5

Great … Thank you for your reply …

#6

You’re welcome!