Ask a question
  1. Home
  2. css selectors - Custom font for specific language shopify

836 votes
0 answers

css selectors - Custom font for specific language shopify

Solution:

The easiest way to do this is to give your body tag a class with the language .eng and .arabic, or just target arabic, have both fonts loaded in your store and just then just call the new font on body.arabic in css.

If you give the functionality to move between languages you need to write some javascript that will change this class on the selection of a new language.

The drawback to this is that you are loading both fonts all the time which is not optimal for performance but this is the easiest method.
Source

Didn't find the answer?

Our community is visited by hundreds of Shopify development professionals every day. Ask your question and get a quick answer for free.

Similar questions

Find the answer in similar questions on our website.

187 css selectors - Custom font for specific language shopify
867 angular - Is it posible for Shopify web app to communicate with custom web app?
780 jquery - Shopify - Rewrite the Add to cart button code to send custom AJAX request that includes custom products
120 @shopify/shopify-api nodejs - Set permanent access token for private app installed on only one store
985 Shopify Graphql how to get available products for specific collection based on location
241 Triggering Zapier on new Shopify order containing a specific product
28 How to enable / disable my app that is being managed from theme customization section shopify
576 Want to add a Product Detail Dropdown (That shows Product title, image and price) inside a contact form in shopify
942 How to POST Shopify GraphQL API while reading for each row CSV in Node.js
676 shopify - How to return information on products using Tapcart app?

Write quick answer

Do you know the answer to this question? Write a quick response to it. With your help, we will make our community stronger.