我目前正在完成一个网站,但我有一个奇怪的问题。我的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以及所有这些才能解决这个问题?还是别的什么?
答案 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;
}
这应该有效。