自托管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字体。我下载了正确的文件并替换了它们，现在它就像一个魅力。