Question

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

我正在使用“Questrial”字体，这在Chrome和Safari（我有一台Mac）中看起来很棒。但是，在Firefox上看起来不太好。我正在使用“all-small-caps”作为菜单中的标题和链接，这些在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

中的详细信息

此外，它还支持基于桌面的浏览器的旧版本。

更新

您可以使用text-transform属性更改文本格式。

我的字体有不同的问题

1 个答案: