Cloud9 IDE не отображает шрифты Google

Я пытаюсь использовать Google Fonts в Cloud9 IDE, но на странице по-прежнему отображается шрифт по умолчанию.

Сначала я подумал, что с моим кодом что-то не так, но я урезал HTML и CSS до минимума, и он все равно не работает.

Я попробовал тот же код на codepen.io, там все работает нормально.

Есть ли известная проблема с Google Fonts в Cloud9 или я что-то упускаю?

Вот ссылки на Workspace в Cloud9 и Перо в 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;
}

person Srlle    schedule 03.09.2014    source источник


Ответы (1)


Вы загружаете шрифт из HTTP-ресурса, в то время как предварительный просмотр Cloud9 загружает html-страницу через HTTPS. Попробуйте изменить протокол URL-адреса шрифта на https. Вы могли найти сообщение об ошибке в консоли браузера: http://screencast.com/t/2vIF2y2rLZt

person Ruben Daniels    schedule 04.09.2014
comment
Блестяще, это работает! Спасибо Рубен! Бонус, спасибо, что указали мне на консоль браузера. :) - person Srlle; 04.09.2014
comment
Чувак, я потратил на это часы... Хотел бы я найти это раньше. Спасибо чувак - person Mgamerz; 17.09.2014