我的网站使用一些带有@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解决冲突吗？
答案 0 :(得分：1)
他们可以...我所要做的就是键入普通的CSS并且它有效。这个问题正在寻求建议/谴责，但无论如何
答案 1 :(得分：0)
在季节性风格结束时使用！important，这将覆盖正常风格。
所以.......
@font-face {
Font-family: 'accentfont2';
src: url(example/seasonalfont.ttf) !important;
}
你想要在你不想要它们的时候注释出季节性的那些，不过把/ *放在季节性代码的开头和 /最后，这将使它们被忽略直到你通过删除/ 和* /。
取消注释一种替代方法就是注释掉普通字体css，并在想要使用它时取消注释季节性字体。
选项3只是每个季节用另一个替换字体文件，这样你根本不需要深入css，只需通过ftp进行更改。