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; 
}

來源

2014-09-03 Srlle

您正在加載從HTTP資源的字體，而CLOUD9的預覽加載HTML頁面通過HTTPS。嘗試將字體網址的協議更改爲https。您可以在瀏覽器的控制檯中找到錯誤消息：http://screencast.com/t/2vIF2y2rLZt

來源

2014-09-04 00:38:16

輝煌，它的工作原理！謝謝Ruben！獎金感謝指向我的瀏覽器的控制檯。 :) – Srlle 2014-09-04 07:38:01

我已經花了幾個小時在這個...我希望我更快找到了。謝啦 – Mgamerz 2014-09-16 21:59:04

Cloud9 IDE不顯示Google字體

回答

相關問題