与我的字体不同的问题

Question

我正在寻找关于我有一些字体问题的帮助。我正在开发新的在线商店，我们正在使用瑞典的电子商务平台。我们可以访问CSS代码，但不能访问HTML。

我正在使用“Questrial”字体，这在Chrome和Safari（我有一台Mac）中看起来很棒。但是，在Firefox上它看起来不太好。我为菜单中的标题和链接使用了“全部小写字母”，并且这些在Firefox中变得太厚。

这也给我带来了我的下一个问题。我登录并检查了它会如何看待我的手机（Galaxy S6），令我惊讶的是，没有任何头条新闻或链接都是小型大写字母 - 只是普通的字母。很明显，手机浏览器不喜欢“全部小写字母”。

我的问题是，如果有什么我可以做，以解决这两个问题？在你下面找到我现在使用的相关CSS代码。

任何帮助深表感谢！

<pre> 
a { 
    color: grey; 
    font-weight: normal; 
} 

li a { 
     font-size: 18px; 
     font-variant: all-small-caps; 
     letter-spacing: 3px; 
     font-weight: normal; 
} 

h1, h2, h3, h4, h5, h6 { 
    font-variant: all-small-caps; 
    letter-spacing: 3px; 
    line-height: 1; 
    font-weight: normal; 
} 
.tws-articles-two { 
    font-variant: all-small-caps; 
    font-weight: normal; 
</pre> 

Answer 1

font-variant属性在手机中似乎不兼容。您可以查看此处的详细信息。Link

此外，它还具有基于桌面的浏览器的旧版本的兼容性。

更新：

您可以使用文本转换属性来更改文本格式。