我需要为特定语言添加自定义字体(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 %}
最简单的方法是用 .eng 和 .arabic 语言给你的 body 标签一个类,或者只针对阿拉伯语,在你的商店中加载这两种字体,然后在 css 中调用 body.arabic 上的新字体.
如果你提供了在语言之间移动的功能,你需要编写一些 javascript 来在选择新语言时改变这个类。
这样做的缺点是您一直在加载两种字体,这对于性能来说不是最佳的,但这是最简单的方法。