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