谷歌字体导入不适用于Linux

时间:2014-09-10 13:51:31

标签: css linux macos

我目前正在完成一个网站,但我有一个奇怪的问题。我的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打开了网站,并且字体没有加载任何一个。它违反了sans-serif。

我还在工作时检查了Mac上的Safari,它也没有加载到那里。它默认为sans-serif。

这是Google上的字体文件类型的问题,我是否必须导入eof和ttf以及所有这些才能解决这个问题?还是别的什么?

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:1)

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

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

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

这应该有效。