未呈现自托管Roboto字体

Question

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

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

site.baseurl是一个空字符串，所以它没有问题。

在我的CSS文件中，我使用

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

但它不起作用。该字体未在屏幕上呈现。发生了什么?有没有办法修复它？

Answer 1

经过一些调查，我意识到我托管的字体文件不包括Roboto字体。我下载了正确的文件并替换了它们，现在它就像一个护身符。