将Google API字体导入为HTTPS仍未在GitHub页面中应用

Question

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

根据this post的建议，我已将@import文件中的style.css行更改为以下内容：

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

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

Answer 1

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

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

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

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

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

此链接将向您展示如何在Github页面中正确导入自定义字体： Adding custom fonts to GitHub pages