Cloud9 IDE不显示Google字体

问题描述：

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

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

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

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

以下是指向Workspace in Cloud9和Pen 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; 
}

答

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

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

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

Cloud9 IDE不显示Google字体

相关推荐