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文件。