2014-09-03 2 views
2

Cloud9 IDE에서 Google 글꼴을 사용하려고하지만 페이지에 기본 글꼴이 계속 표시됩니다.Cloud9 IDE에 Google 글꼴이 표시되지 않습니다.

처음에는 코드에 문제가 있다고 생각했지만 HTML과 CSS를 최소한으로 줄였습니다. 여전히 작동하지 않습니다.

codepen.io에서 동일한 코드를 사용해 보았습니다. 정상적으로 작동합니다.

Google Fonts on 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 : Cloud9의 미리보기가 HTTPS를 통해 HTML 페이지를로드하는 동안

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

답변

4

당신은 HTTP 리소스에서 글꼴을로드하고 있습니다. 글꼴 URL의 프로토콜을 https로 변경해보십시오. 브라우저의 콘솔에 오류 메시지가 나타났습니다. http://screencast.com/t/2vIF2y2rLZt

+0

똑똑하고 작동합니다! Ruben에게 감사드립니다! 브라우저 콘솔로 안내해 주셔서 감사드립니다. :) – Srlle

+0

남자 나는 이것에 시간을 보냈다. .. 나는 이것을 더 일찍 찾았 으면 좋겠다. 고마워. – Mgamerz