Github頁面字體不工作

Question

我上傳了我的項目到Github頁面，字體不起作用！我已閱讀關於這個問題的其他問題，導致我認爲我需要改變我指向該文件的方式，但我無法將其整理出來。

這裏是我的@字體面：

@font-face { 
    font-family: headerFont; 
    src: url(fonts/FreePixel.ttf); 
} 

這是我的文件結構：

Portfolio/ 
    index.html 
    css/ 
     styles.css 
     fonts/ 
      FreePixel.ttf 

Answer 1

儘量使用相對路徑，這意味着開始與./

src: url(./css/fonts/FreePixel.ttf); 

，將檢查從哪個根文件夾GitHub頁面正在考慮相對路徑。

當然，這是假設文件上傳，而不是（因爲它的情況下）在回購的.gitignore文件。