正确执行，但字体不出现，后备字体显示

Question

所以我通过计算器看着实现自定义的字体，这是我导致在其他国家的人民代码照看：

@font-face { 
    font-family: "pixel"; 
    src: url("../pixel.ttf"); 
} 

h1#largetitle{ 
    font-family: "pixel", sans-serif; 
} 

然而，像素字体不显示，而是无衬线字体显示，我不确定像素字体为什么不显示。

Answer 1

它在eclipse中不起作用的原因是因为eclipse使用的浏览器类型和我用来查看字体的浏览器（Google Chrome）是两种不同的浏览器。

eclipse上的字体没有正确显示，但代码工作正常，所以它确实显示在Google Chrome上。

Answer 2

如果你有一个如下所示的目录，它应该可以工作。

project/ 
| 
|--css/    
| |-- main.css 
    ... 

|--fonts/ 
| |--pixel.ttf 
    ...  
|-- ... 

请确保您没有在字体名称或源文件中留下任何大写字母。