【问题标题】:Cloud9 IDE does not display Google FontsCloud9 IDE 不显示 Google 字体
【发布时间】:2014-09-03 21:56:11
【问题描述】:

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

起初我以为我的代码有问题,但我已将 HTML 和 CSS 精简到最低限度,但仍然无法正常工作。

我在 codepen.io 上尝试过相同的代码,它工作得很好。

Cloud9 上的 Google 字体是否存在已知问题,或者我遗漏了什么?

这里是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;
}

【问题讨论】:

    标签: html css cloud9-ide google-font-api


    【解决方案1】:

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

    【讨论】:

    • 太棒了,它有效!谢谢鲁本!感谢您将我指向浏览器的控制台。 :)
    • 伙计,我已经花了好几个小时在这上面......希望我能早点找到这个。谢谢大佬
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-08-22
    • 2019-04-20
    • 1970-01-01
    • 2023-03-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多