@ font-face：在CSS中不起作用

Question

我的css中有以下内容，字体不会改变为我想要的字体。

body{
background-color:#a8a7a7;
color:#C50909;
font-family: main, Calibri;
text-align:center;
}    

@font-face{ 
font-family: main;
src: url('fonts/RegencieLight.ttf'); 
} 

并且我的css正确链接到我的html，因为仍将应用所有其他css方面。如果有人能帮助我那会很棒。感谢。

Answer 1

您必须提供字符串作为字体系列名称，如此

font-family: "main";

以便您可以在其他地方引用它

font-family: "main", Calibri

退房：https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face

Answer 2

要么

1. 路径错误或
2. 取决于浏览器和操作系统，它不喜欢字体格式

无论哪种方式，我建议阅读Paul Irish's bullet proof @font-face syntax并使用Font Squirrel's @font-face generator/packager打包器将采用字体并创建Web客户端可能需要的每种格式，以便它可以在所有系统上运行。