Css 使用@font-face覆盖默认字体

我们想使用@font-face修改HTML中的默认字体

@font-face {
    font-family: Times;
    font-style: normal;
    font-weight: 400;
    src: local('serif');
}

---

在上面的代码中，我们想将Times字体改写为serif，但上面的代码不起作用，Times字体一直在使用，而不是serif。试试这个例子，它对我很有用--。但是，如果您尝试将一种字体切换为serif或sans serif等通用字体类型，它似乎不起作用，但任何其他网络安全字体似乎都能起作用

测试代码也在这里

HTML

---

如果您想要衬线字体，请尝试使用“Courier New”。

您是否尝试过将

Times

放在引号中？例如--

字体系列：“时代”@ChristopherBennett是的，也许它不喜欢“衬线”。您是否尝试过使用像
Marlett
（应显示为符号）或
Impact
（将非常粗体）这样的命名字体进行测试？@christophennett是的，我只是按照您的建议进行了尝试，但仍然不起作用，如果您可以提供代码段，不同的浏览器可以有不同的默认字体，这将非常有用。你想要达到的最终结果是什么？谢谢你的努力，我真的很感激，你知道为什么is不能与通用字体一起工作吗？
<div class="test">
TESTING
</div>

.test{
  font-family: Times;
}

@font-face {
    font-family: Times;
    font-style: normal;
    font-weight: 400;
    src: local("Impact"); /* Try replacing with Arial, Comic Sans MS, etc....*/
    }                          /*Doesn't seem to work with generic font types (serif,                                     sans-serif)*/