Question

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

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

最糟糕的是，Playfiar Display工作正常，Archivo完全没有。

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

非常感谢你！我确定它会成为一个愚蠢的错误：）

Answer 1

将此代码复制到＆lt;头＆gt;您的HTML文档：

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

在CSS文件中，使用以下规则设置font-family：

// 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>

see more examples here

see here to find out more about css selectors

Answer 2

在标题部分中导入

<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;
}

无法让谷歌字体工作

2 个答案: