1

我查看了其他人对这个问题的回答，并按照谷歌上的说明进行操作，但无法让它发挥作用。这是我用过的。

@import url('https://fonts.googleapis.com/css?family=Archivo+Black|Playfair+Display:400,700i,900');

最糟糕的是 Playfiar Display 工作正常，Archivo 根本不行。

作为参考，georgialee.design 是 URL。（适用于除 Internet Explorer 之外的所有浏览器）

太感谢了！我敢肯定这会是一些愚蠢的错误:)

4

2 回答 2

1

将此代码复制到 HTML 文档的 <head> 中：

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

在您的 CSS 文件中，使用以下规则设置字体系列：

// if you only want to change h1 fonts, use this selector
h1 { 
    font-family: 'Archivo Black', sans-serif;
}

例如：

<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Archivo+Black" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
 <style>
  // default font for everything in the body
  body {
    font-family: 'Playfair Display', serif;
  }

  // make all h1 Archivo 
  // note: if you want h2, h3 etc to be archivo as well you need to add the respective selector
  body h1 {
    font-family: 'Archivo Black', sans-serif;
  }
 </style>
</head>
 <body>
  <div>rest of your page...</div>
 </body>
</html>

在此处查看更多示例

请参阅此处以了解有关 CSS 选择器的更多信息

于 2017-11-30T03:54:52.887 回答
1

在标题部分中，您将其导入

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

或者

<style>
    @import url('https://fonts.googleapis.com/css?family=Archivo+Black');
</style>

在 style.css 文件中

body{
    font-family: 'Archivo Black', sans-serif;
}
于 2017-11-30T03:59:16.953 回答