Hello web developers all over the globe. I’m at my wits end and need professional help – so I turn to you! In a nutshell: I have an Elementor website in English and Arabic using translatepress. However, while the selected font works for English it doesn’t work great for Arabic, and I’d like to replace it with another – a google font ‘Noto Sans Arabic’.
Is there a way to blanket convert the font keeping weights and sizes etc?
I’ve tried looking through the Google Fonts help but I just can’t seem to get it working. I tried adding custom CSS…
@import url(‘https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap’);
.translatepress-ar font-family: ‘Noto Sans Arabic’, sans-serif;
… but no luck, I’m new to multilingual and CSS. Can anyone please point me in the right direction?
[ad_2]
When you change the language, it’s likely that a classname on the body tag, or HTML tag changes. You use that to switch the font.
If you can link your site, I’ll check it out.