正確執行，但字體不出現，後備字體顯示

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 
    ...  
|-- ... 

請確保您沒有在字體名稱或源文件中留下任何大寫字母。