特定语言的自定义字体 shopify

问题描述 投票:0回答:1

我需要为特定语言添加自定义字体(url、名称)我的 shopify 商店有两种语言,第一语言是英语,第二语言是阿拉伯语

我尝试在主题自定义 css 中使用 css 来做到这一点,但我不能像

shop-locale-ar {  font: font-name; }
那样提及阿拉伯语选择器 然后我试着用液体来做
 {% if request.locale.iso_code == 'ar' %} here what i don't know how to select the font {% endif %}

css-selectors shopify liquid shopify-template
1个回答
0
投票

最简单的方法是用 .eng 和 .arabic 语言给你的 body 标签一个类,或者只针对阿拉伯语,在你的商店中加载这两种字体,然后在 css 中调用 body.arabic 上的新字体.

如果你提供了在语言之间移动的功能,你需要编写一些 javascript 来在选择新语言时改变这个类。

这样做的缺点是您一直在加载两种字体,这对于性能来说不是最佳的,但这是最简单的方法。

© www.soinside.com 2019 - 2024. All rights reserved.