Costomise font for Arabic RTL

Start a Business
,
1

"Is there any help to customize the font type in the second language from right to left? Thanks in advance.

2

Hi @ahmed331

I totally get what you’re asking—you want to customize the font specifically for your second language, which is written from right to left (RTL), like Arabic or Hebrew, right? Shopify does support RTL languages, but the default themes don’t always handle font customization for different languages out of the box.

Solution: Customize the Font for Your RTL Language

You can easily apply a specific font to your second language by adding some custom CSS. Here’s how:

Step 1: Identify the Language Code

Shopify assigns a language code to each language in your store. For Arabic, for example, it would typically be lang=“ar”. You can target this in CSS.

Step 2: Add Custom CSS to Change the Font for RTL Language1. Go to your Shopify Admin → Online Store → Themes.

  1. Click Customize on your active theme.
  2. Go to Theme settings → Custom CSS (or add CSS in theme.css or base.css file under “Edit Code”).
  3. Add this CSS to apply a specific font for your RTL language:

html[lang=“ar”] body {

font-family: ‘Tajawal’, sans-serif; /* Change ‘Tajawal’ to your preferred font */

direction: rtl;

text-align: right;

}

If you’re using Hebrew, replace lang=“ar” with lang=“he”.

Step 3: Ensure RTL Layout is Applied

Some Shopify themes don’t automatically adjust layout direction when switching languages. If you notice alignment issues, add this:

html[lang=“ar”] * {

direction: rtl;

text-align: right;

}

Optional: Adding a Custom Font

If you’re using a Google Font, you can import it into your Shopify store like this:

  1. Go to theme.liquid file.
  2. Add this inside the section:

Now, the font will be available to use in your CSS.

Wrapping Up

That should do the trick! After adding this, your store should display the correct font when switching to the RTL language. If you’re using a Shopify theme that supports multiple languages, just make sure to test it in both languages to ensure everything looks good.

If you need extra help, just let me know asap. Thanks
Daisy.