YK94
September 16, 2020, 4:44pm
1
Hello all,
I’m trying to build my first Shopify store here! What got me sold was the huge community, support and the great reputation that the Shopify community has.
So here’s where I’ facing some difficulties. 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 on the Helvetica (default Debut theme font). and if I try to change it, it changes for both the english and arabic stores. I have tried to dig in the code and added the specific code to the (theme.css.liquid) file:
{%- if shop.locale == ‘ar’ -%} {% assign header_font = settings.type_header_font_arabic %} {% assign base_font = settings.type_base_font_arabic %} {%- else -%} {% assign header_font = settings.type_header_font %} {% assign base_font = settings.type_base_font %} {%- endif -%}
Note that I have added arabic font components “type_header_font_arabic” and “type_base_font_arabic” components in the (settings_data.json) file to contain:
“type_header_font”: “helvetica_n7”, “type_header_font_arabic”: “amiri_n7”, “type_base_font”: “helvetica_n4”, “type_base_font_arabic”: “amiri_n4”,
Unfortunately it still shows the Helvetica font for both the English and Arabic pages/stores.
Any ideas on how to solve this language-specific font issue?
4 Likes
Did you solve this problem yet?
@YK94 @CloveHitch
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!
Please share your site URL,
Can you provide me the solution.www.ewoodcollection.com
1 Like
@fotiskaima
Yes please flow this setp
Yes, you can do easy to upload your custom font
Go to Online Store->Theme->Edit code
Asset->/theme.scss.liquid or your css file- ->paste below code at the bottom of the file.
@font-face {
font-family: 'Montserrat-Regular';
src: url('{{ 'Montserrat-Regular.eot?' | asset_url }}');
src: url('{{ 'Montserrat-Regular.eot??#iefix' | asset_url }}') format('embedded-opentype'),
url('{{ 'Montserrat-Regular.woff' | asset_url }}') format('woff'),
url('{{ 'Montserrat-Regular.ttf' | asset_url }}') format('truetype'),
url('{{ 'Montserrat-Regular.svg#Montserrat-Regular' | asset_url }}') format('svg');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}
can you please just change font name, for example, Montserrat-Regular to your custom font name
1 Like
@fotiskaima
its my pleasure to help us
Hi,
I’m creating a multi-lingual store (English and Arabic)
The font in Arabic is not ideal and i would like to change it to another font.
How can i achieve this? I can’t seem to figure it out as I don’t have the necessary level of understanding towards code editing.
My theme is Prestige.
Appreciate any advice!
1 Like
@MGonline
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!
Please share your site URL,
Thanks for your response!
Site URL is: https://mahaghalayini.com/
on the top right there is the language selector, when Arabic is chosen, I can’t figure out how to apply RTL or how to change the Arabic font to “Noto Kufi Arabic” for better readability.
Many Thanks!
Hi Katan, I have the same issue and I would like to change the Arabic fonts easily or a way to change the current one.
my website it Galaxystoires.com
1 Like
@Galaxystories
oh sorry but doesn’t work your store
my bad it was a spelling mistake. check now please https://galaxystories.com/
1 Like
@Galaxystories
thanks for current url i have check and view theme code but i can’t see code font
Hello,
Great store! I believe we are both having the same issue.
How are you getting on?
Where are you based? I think we could collaborate. We have luxury skincare, wellness and beauty.
1 Like
@Edit2222
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Hi, I have messaged you directly on Shopify. thank you
1 Like
