font-face - 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 页面考虑该相对路径。

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