gpt4 book ai didi

html - Cloud9 IDE 不显示 Google 字体

转载 作者:行者123 更新时间:2023-11-28 10:47:18 26 4
gpt4 key购买 nike

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

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

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

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

这里是 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 的预览正在通过 HTTPS 加载 html 页面。尝试将字体 url 的协议(protocol)更改为 https。您可以在浏览器的控制台中找到错误消息:http://screencast.com/t/2vIF2y2rLZt

关于html - Cloud9 IDE 不显示 Google 字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25654285/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com