I’m trying to build an English and Arabic store. So far I have managed to do that smoothly plus change the layout to RTL. The problem is that the Arabic text does not look that good by using the default font and if I try to change it, it changes for both the english and arabic. Anyone can help me h…

I can definitely help you on this ,

Hello @amrhassan , Create 2 versions of css, one for English and one for Arabic. Get the language identifier in liquid ( I mean store it in a variable ) and then with an if condition call the css files a/to language selector. In this way you can call custom fonts for Arabic language and Eng…

Hello @amrhassan , You can try to follow these steps: Go to Online Store → Themes → Actions → Edit code Go to Assets folder → base.css file Add this following code at the bottom of page :lang(ar) { font-family: 'YourCustomFont', sans-serif; } Save and preview Hope this can help. Transcy

Hi thank you for your response, can you clarify more the steps because i am not very friendly with coding and i need to know where to create the css files and how to apply it in the code editor

Hello, thanks for your reply, I don’t have a bass.css file.. i am using a premium theme (mate) so where exactly can i put the code?

Thank you, i have added a code to theme.liquid to enable RTL. Just need to know how to add custom font for it

How can I add a custom font for Arabic text on my bilingual store?

Store Design

bbb7 July 19, 2024, 9:38am 8

Thx. Works well with default theme

Topic		Replies	Views
How can I fix a language-specific font issue in my bilingual online store? Store Design design	30	421	September 7, 2024
Arabic custom font to a page in my online store Store Design design , customizations , css , shopify-themes	1	67	January 13, 2024
Costomise font for Arabic RTL Start a Business apps , shopify-apps	1	120	February 13, 2025
How can I change the font for Arabic on a dual language website? Start a Business	2	151	January 15, 2024
How can I activate RTL layout when switching to Arabic language? Store Design	30	455	August 14, 2023

How can I add a custom font for Arabic text on my bilingual store?

Related topics