How can I fix a language-specific font issue in my bilingual online store?

Topic summary

Language-specific font handling and RTL layout in multilingual Shopify stores (English + Arabic) are not working as expected across themes (Debut, Prestige, Dawn).

  • Original attempt: Conditional Liquid in theme.css.liquid using shop.locale with added Arabic font settings in settings_data.json. Result: Arabic pages still render in Helvetica; condition did not change fonts.
  • Related requests: Arabic font changes (e.g., Noto Kufi Arabic, Cairo) and enabling RTL; Greek text falling back to Arial despite Open Sans; need for custom Korean font.

What was provided:

  • A concrete method to add custom fonts: upload font files (TTF/OTF/WOFF/WOFF2/SVG) and register via an @font-face CSS block in theme.scss.liquid, then reference the new font-family. (Code snippets are central.)
  • Multiple site URL reviews requested to diagnose issues; in one case, no font code was found; in another, a mobile/tablet menu problem was attributed to a third‑party page builder conflict, suggesting custom code fixes.

Status:

  • No confirmed, general solution shared for switching fonts per language or auto-applying RTL. The discussion remains open; key questions on language-targeted font application persist. (RTL = right-to-left text direction.)
Summarized with AI on December 20. AI used: gpt-5.

Can you provide me the solution.
I want to change the font-family for the greek language.
The eshop is www.ewoodcollection.com

1 Like