Github 页面字体不工作

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 页面正在考虑相对路径的根文件夹。

当然，前提是文件已上传，而不是（实际情况）在回购的 .gitignore 文件中。