为什么某些 css 字体系列不起作用？

Question

我使用了那些 css 代码

.logo h2 {
  font-family: Pacifico, MyriadPro-Regular, AdobeInvisFont;
  font-size: 42pt;
  color: rgba(71, 71, 71, 255);
  text-align: left;
}

但是不行。我该怎么办？

Answer 1

好像没有导入字体

您必须导入字体才能使用它。

您可以通过Google CDN 导入字体或下载字体并将其放在您的服务器中。

使用代码Google CDN字体

<link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">

只需将以上代码包含在您的 HTML 文档的部分中。

有关导入字体的更多选项，请参阅 https://fonts.google.com/specimen/Pacifico?selection.family=Pacifico。

有关 Google 字体的更多信息，请参阅 https://fonts.google.com。

对于您使用的所有其他字体，请遵循相同的做法。

Answer 2

请尝试此代码。我找到了 'Pacifico' 的 Google 字体。找到其他人（如果有）。如果它们不是免费的并且您已经购买了它们，请在 @font-face 规则中添加它们位置的相对路径。

@font-face {
    font-family: "Pacifico";
    src: url('https://fonts.googleapis.com/css?family=Pacifico');
}

.logo h2 {
  font-family: "Pacifico", "MyriadPro-Regular", "AdobeInvisFont";
  font-size: 42pt;
  color: rgba(71, 71, 71, 255);
  text-align: left;
}

为什么某些 css 字体系列不起作用？

Why some css font family does not work?

css

font-family