Question

我使用了那些css代码

＆＃13;

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

＆＃13;

但它不起作用。我该怎么办？

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字体系列不起作用？

2 个答案: