Github页面字体不起作用

Question

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

这是我的@font脸：

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