css - 谷歌字体导入在 Linux 上不起作用

Question

我目前正在完成一个网站，但我遇到了一个奇怪的问题。我的 CSS 文件中有一种从 Google 导入的字体。

@import url(http://fonts.googleapis.com/css?family=Josefin+Slab);

然后我就像这样对 body 标签进行正常的字体系列调用。

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

它在 Windows 上的 Chrome、Firefox、Exploder、Safari、Opera 以及我能够尝试的任何其他平台上运行良好。

我昨天在学校课间工作，实验室里的电脑都是Linux机器，我在Linux上用Firefox打开网站，但没有加载任何字体。它默认为无衬线字体。

我也刚刚在我工作的 Mac 上检查了 Safari，它也没有加载到那里。它默认为无衬线字体。

这是 Google 上字体文件类型的问题吗？我是否必须导入 eof 和 ttf 以及所有这些文件才能解决这个问题？还是其他原因？

Answer 1

问题是您正在导入 Josefin Slab 并正在调用 Josefin Sans。

@import url(http://fonts.googleapis.com/css?family=Josefin+Slab);

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

这应该有效。