Google Font API - 文字没有显示?

时间:2014-03-21 16:21:17

标签: javascript html css debugging fonts

我在网站上使用Google的字体API,一切都在我的机器上。我可以看到每一点文字,但在任何不是我的电脑上,文字甚至不加载!我们都使用最新版本的Chrome,这里是代码:

@import url(http://fonts.googleapis.com/css?family=Oxygen:400,700,300|Marck+Script);

body {
  font-family: "Oxygen", sans-serif;
  font-size: 16px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
  overflow-x: hidden;
}

以及HTML文件中的内容:

<link href='http://fonts.googleapis.com/css?family=Oxygen:400,300,700' rel='stylesheet' type='text/css'>

关于修复的任何想法?

更新

我了解到这是导致网络字体无法加载的Chrome 33错误。我唯一的解决方案是将字体加载到服务器上。

1 个答案:

答案 0 :(得分:0)

确保<link>标记位于css之前,并且所有文件都在服务器上,而不是本地计算机。

它在这里工作,http://jsfiddle.net/CSLdF/