Custom Font for Arabic Language

Hi,

You can call the .translatepress class according to the desired language code. If you want to change the font of the Arabic language, then you will have .translatepress-ar.
You can change the font by adding the CSS in Appearance –> Customize –> Additional CSS. For example let’s say I want to add a new font for Arabic, where exp1 is the selector of a section where I want to change the font (if you want to change it globally, of course, you don’t have to specify that particular selector):
@import url('https://fonts.googleapis.com/css?family=Padauk&display=swap'); body.translatepress-ar .exp1 { font-family:"Padauk" important; }

Hi Alex,

The font I want to use was not available in default fonts. So I uploaded it through elementor custom fonts option.

Now I want to use this font for Arabic in full website. So How do I do that?

Thanks

With CSS, basically. But now you don’t have to activate on a specific selector, but globally.

body.translatepress-ar { 

font-family:"Padauk" important; 

}