Bagaimana untuk memasukkan Google Font ke dalam lembaran gaya CSS?

Question

Saya mula belajar CSS beberapa minggu lalu dan bereksperimen dengan fon yang saya temui di Google Font. Walaupun selepas bertanya kepada beberapa rakan, saya tidak pasti apa yang salah dengan kod saya. (Nota: Saya mencuba kedua-dua Chrome dan Edge, tetapi tidak berjaya) Berikut ialah bahagian HTML yang mengandungi fon dan merujuk jadual CSS:

header {
  background-color: #4d4d4d;
  color: #FFFFFF;
  font-size: 5%;
  font-family: 'Alata', sans-serif;
}

<!-- Font Alata https://fonts.google.com/specimen/Alata -->

<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=ABeeZee&display=swap" rel="stylesheet"/>

</head>
<header>
  <link rel="stylesheet" href="style.css">
  this is a font test
  <link
  <a href="link to homepage">

    <img src="link to image" />
  </a>
</header>

Saya gembira mengetahui apa yang salah di sini. Terima kasih terlebih dahulu!

Saya cuba menggunakan Fon Google menggunakan jadual CSS tetapi fon tidak dipaparkan

Answer 1

Anda meminta fon ABeeZee，但您在 CSS 中定义了 Atlanta. Jika anda ingin menggunakan fon ini, nilai ini mesti sepadan

header {
  font-family: 'ABeeZee', sans-serif;
}

  
  this is a font test