浏览器可以解决字体 - 面部冲突

Question

我的网站使用一些带有@font-face CSS标记的字体。

但是我正在尝试为我的网站添加一些临时的CSS样式以供假期或季节......

我想将重音字体更改为其他字体。我想知道是否可以保留原始CSS并让我的seasons.css文件覆盖它。浏览器可以解决@ font-face冲突吗？

我原来的CSS就像：

@font-face {
Font-family: 'accentfont2';
Src: url(example/font.ttf);
}

然后我的季节性CSS将位于标准CSS的下方，如：

@font-face {
Font-family: 'accentfont2';
src: url(example/seasonalfont.ttf);
}

浏览器会使用seasonalfont.ttf而不是font.ttf解决冲突吗？

Answer 1

他们可以...我所要做的就是键入普通的CSS并且它有效。这个问题正在寻求建议/谴责，但无论如何

Answer 2

在季节性风格结束时使用！important，这将覆盖正常风格。

所以.......

@font-face {
Font-family: 'accentfont2';
src: url(example/seasonalfont.ttf) !important;
}

你想要在你不想要它们的时候注释出季节性的那些，不过把/ *放在季节性代码的开头和 /最后，这将使它们被忽略直到你通过删除/ 和* /。

取消注释

---

一种替代方法就是注释掉普通字体css，并在想要使用它时取消注释季节性字体。

---

选项3只是每个季节用另一个替换字体文件，这样你根本不需要深入css，只需通过ftp进行更改。