谷歌字体导入在 linux 上不起作用

Question

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

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

然后我像这样在 body 标签上做一个普通的 font-family 调用。

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

它在 Chrome、Firefox、Exploder、Safari、Windows 上的 Opera 和其他任何我可以尝试的东西上都能正常工作。

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

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

这是谷歌字体文件类型的问题吗？我是否必须导入 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;
}

应该可以的。

Answer 2

我建议使用 webfont 生成器将字体上传到 http://www.fontsquirrel.com/。

这将为您提供字体 css 以及不同的字体文件类型以实现跨浏览器兼容性。