将 Google API 字体作为 HTTPS 导入仍然不适用于 GitHub 页面

Question

我在 GitHub 页面上托管了一个预制主题，并使用 Jekyll 生成。 该主题在localhost正常工作，但字体在 GitHub 上托管的实际站点上无法正确显示。

按照这篇文章的建议，我将style.css文件中的@import行更改为以下内容：

@import url("//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,800,800italic");

对于上述帖子中的用户来说，似乎已经解决了问题，但对于我的页面，仍然使用了错误的字体。 在此先感谢您的帮助。

Answer 1

HTTPS 请求或外部链接可能会被 Github 阻止

但是，您可以从 Google Font 网站（右侧）下载字体：

在您应该能够将字体上传到 Github 并轻松地从您的 CSS（同一文件夹）中调用您的字体之后

@font-face {
    font-family: "My Font";
    font-weight: bold;
    src: url('myfont.ttf');
}

（或url(github.com/link/to/myfont.ttf) ）

此链接将向您展示如何在 Github Pages 中正确导入自定义字体： 将自定义字体添加到 GitHub 页面