How to add custom fonts for both Chinese and English in the same shop?

How to add custom fonts for both Chinese and English in the same shop?

lalaho1223
Tourist
3 0 1

I aim to use 'Moreland' font for English, and 'GenRyuMinTW' font for Chinese text in my store.

 

Firstly, i added Moreland in the base.css, it works properly in the front end. 

Moreland EN text.png

 

Then i repeat the same step (add font .woff2 file in the assets > add the @font-face code for GenRyuMinTW) in the base.css, the Chinese font updated nicely, but the English is no longer Moreland font.

Chinese font updated, but english is not Moreland.png

 

Below is the code i input.

 

Screenshot 2023-05-05 at 1.45.56 PM.png

 

Replies 3 (3)

made4Uo
Shopify Partner
3873 718 1221

Hi @lalaho1223,

 

Don't you need to translate the words first before the font works?

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
lalaho1223
Tourist
3 0 1

I not yet plan to make bilingual site at the moment, i want to keep both languages on each page.  Most of the time, both languages happen to appear in a sentence, and i'm expecting to have 2 fonts to cater that.

 

Is it something impossible to do?

lalaho1223
Tourist
3 0 1

I not yet plan to make bilingual site at the moment, i want to keep both languages on each page.  Most of the time, both languages happen to appear in a sentence, and i'm expecting to have 2 fonts to cater that.

 

Is it something impossible to do?