html - 未呈现自托管 Roboto 字体

Question

我已经使用 Jekyll 设置了一个带有 GitHub Pages 的网站，并且托管了 Roboto 字体的样式表(使用 Google 会增加页面加载时间)。然后我将它导入到我的 html 中作为

<link rel='stylesheet' href='{{ site.baseurl }}/static/css/roboto.css'>

site.baseurl 是一个空字符串，因此没有问题。

在我的 CSS 文件中，我使用

body {
    font-family: 'Roboto', sans-serif;
}

但它不起作用。字体未在屏幕上呈现。发生了什么事，是否有解决办法？

Answer 1

经过一些调查，我意识到我托管的字体文件不包含 Roboto 字体。我下载了正确的文件并替换了它们，现在一切正常。