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

Question

所以我查看了stackoverflow来实现自定义字体，这是我在查看其他人的代码后得出的结果：

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

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

然而，像素字体没有显示，而是sans-serif字体显示，我不确定为什么像素字体不显示。

Answer 1

如果你有一个像下面这样的目录，它应该可以工作。

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

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

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

Answer 2

它在eclipse中没有工作的原因是因为eclipse使用的浏览器类型和我使用的浏览器（谷歌浏览器）查看字体是两种不同的浏览器。

该字体在eclipse上没有正确显示，但代码工作正常，因此它确实显示在Google Chrome上。