2014-09-03 61 views
2

我试图在Cloud9 IDE上使用Google字体,但页面一直显示默认字体。Cloud9 IDE不显示Google字体

起初我认为我的代码出了问题,但我已经将HTML和CSS剥离到最低限度,并且仍然无法工作。

我已经尝试codepen.io上的相同的代码,那里工作得很好。

有没有与谷歌的字体上CLOUD9一个已知的问题,或者有,我失去了一些东西?

以下是指向Workspace in Cloud9Pen in Codepen的链接。

这里是我使用的代码。

HTML:

<head> 

     <link href="test.css" rel="stylesheet"> 
     <link href="http://fonts.googleapis.com/css?family=Lato:300,400&subset=latin,latin-ext" rel="stylesheet" type="text/css"> 

</head> 

<body> 
     <h1>This is a text.</h1> 
</body> 

CSS:

h1 { 
    font-family: "Lato", sans-serif; 
    font-weight: 300; 
} 

回答

4

您正在加载从HTTP资源的字体,而CLOUD9的预览加载HTML页面通过HTTPS。尝试将字体网址的协议更改为https。您可以在浏览器的控制台中找到错误消息:http://screencast.com/t/2vIF2y2rLZt

+0

辉煌,它的工作原理!谢谢Ruben!奖金感谢指向我的浏览器的控制台。 :) – Srlle 2014-09-04 07:38:01

+0

我已经花了几个小时在这个...我希望我更快找到了。谢啦 – Mgamerz 2014-09-16 21:59:04