为什么 Google 字体在我的 HTML 文件中不起作用？答案

【问题标题】：Why the Google fonts are not working in my HTML file?为什么 Google 字体在我的 HTML 文件中不起作用？
【发布时间】：2022-01-07 05:04:06
【问题描述】：

我在我的 CSS 文件中导入了一些字体。但它在设计中不起作用。

这是我导入的字体和 CSS 链接的代码。

这是只有 sans-sarif 工作的输出。

我删除了 VPN。我的控制台现在没有错误。但是，字体系列问题仍然存在。

谁知道是什么问题？

【问题讨论】：

阅读这个（同样的问题）：stackoverflow.com/questions/70130216/…
作为旁注，看看它是否改变了什么。您通常不需要多次调用 Googlefonts。对于 Roboto 和 Roboto-Condensed 字体，可以从一行代码中使用多种字体。 @import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed');
不确定 css2 做了什么，但如果我在浏览器中调用 opun https://fonts.googleapis.com/css?family=Poppins，我会得到一个不错的样式表命令。我知道它不喜欢中间有空格，不确定你是否有空格。
这是我在控制台中遇到的错误。 “未经检查的 runtime.lastError：消息端口在收到响应之前关闭。”知道我该如何解决吗？
我投票结束这个问题，因为对其他用户没有意义/价值（提出问题的人在几天后解决了一些特定的样式问题）。

标签： html css google-fonts

【解决方案1】：

顺便说一句，这对我有用，因为我也使用 Poppins。

我的@importline如下

    @import url('https://fonts.googleapis.com/css?family=Oxanium:400,500,600,700,800|Poppins:400,400i,500,500i,600,600i,700,700i&display=swap');

    body {
        font-family: 'Poppins', sans-serif;
    }
    
     h1 {
        font-family: 'Oxanium', cursive;
    }

<h1> test </h1>
<p> Lets run with this poppins </p>

也许你的问题是你没有调用特定的 Poppins 字体，所以它不知道它必须遵循哪种强度。

【讨论】：

谢谢。我也尝试了您的导入，但它也不起作用。控制台中出现“未检查的 runtime.lastError：消息端口在收到响应之前关闭”的错误。你知道我该如何解决这个问题吗？
你用的是什么框架，因为这不是css对应的错误。如果您没有运行，也许它是您的 chrome 扩展之一？尝试停用它们。尝试在空白浏览器中运行您的应用程序。 stackoverflow.com/questions/54126343/…
我没有使用任何框架。这只是原始的 HTML/CSS。我使用这台机器写代码已经 2 年多了，这是第一次发生在我身上。有30多个扩展。我启用和禁用了所有这些。还是行不通。我也用我的 Firefox 浏览器尝试过，它几乎没有任何扩展。不知道这里有什么问题。
用你的错误屏幕转储更新你的问题，它也链接到什么文件？
我已将截图添加到帖子中，请检查。它链接到 HTML 文件。

【解决方案2】：

我建议完全使用谷歌在其网站上提供的代码来导入两个字体系列，即不有两个不同的@ 987654321@ 行，但 one 按以下方式包含两个字体系列（即使用&family 添加第二个字体系列）：

@import url('https://fonts.googleapis.com/css2?family=Poppins&family=Comforter&display=swap');

【讨论】：

谢谢。但我已经做了所有这些。使用谷歌字体有两种不同的方式。一个是链接，另一个是导入。链接选项工作正常。但是，导入根本不起作用。
是的，但是 two 字体系列的 import 选项的代码（在 google 网站上）在一行中包含两种字体，方式我在上面写的。
我只尝试了一种字体，但没有奏效。我也试过你的程序（复制你的代码并粘贴它）。它也没有工作。

【解决方案3】：

从我的角度来看，这是一个愚蠢的错误。我应该在 CSS 文件的开头导入字体。但是我是在写了一些 CSS 之后才导入的。

这就是我之前写代码的方式。

这就是我现在导入字体的方式。

非常抱歉所有麻烦的家伙。感谢您的努力和帮助。

【讨论】：