我尝试在 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/