Github Pages字体不起作用

Question

我将项目上传到Github页面，但字体不起作用！我已经阅读了有关这个问题的其他问题，这些问题让我觉得我需要改变我指向文件的方式，但我无法解决这个问题。

这是我的@ font-face：

@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页面正在考虑该相对路径。

当然，假设文件已上传，而不是（在这种情况下）在repo的.gitignore文件中。