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