【问题标题】:Github Pages font-face not workingGithub Pages 字体无法正常工作
【发布时间】:2017-05-25 04:37:06
【问题描述】:

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

这是我的@font-face:

@font-face {
    font-family: headerFont;
    src: url(fonts/FreePixel.ttf);
}

这是我的文件结构:

Portfolio/
    index.html
    css/
        styles.css
        fonts/
            FreePixel.ttf

【问题讨论】:

    标签: font-face github-pages file-structure


    【解决方案1】:

    尝试使用相对路径,即以./开头

    src: url(./css/fonts/FreePixel.ttf);
    

    这将检查 GitHub 页面从哪个根文件夹考虑该相对路径。

    当然,这是假设文件已上传,而不是(因为情况如此)在 repo 的 .gitignore 文件中。

    【讨论】:

    • 刚试过!当我使用./css 时,我的本地页面甚至无法读取字体。我需要使用../css,但 Github 页面似乎没有阅读。 :(
    • @EmilyRobyn 和 ..//css/... ?
    • 该字体已上传/存在于远程站点上?
    • 哇。出于某种原因,我的字体文件夹在我的 .gitignore 中。我没有在那里检查!好的,您的解决方案确实有效。非常感谢!
    猜你喜欢
    • 2020-09-05
    • 2018-05-17
    • 2014-05-01
    • 2015-12-17
    • 2015-09-06
    • 1970-01-01
    • 2013-10-09
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多