Comment intégrer les Google Fonts dans les feuilles de style CSS ?

Question

J'ai commencé à apprendre le CSS il y a quelques semaines et à expérimenter les polices que j'ai trouvées sur Google Fonts. Même après avoir demandé à quelques amis, je ne suis pas sûr de ce qui ne va pas avec mon code. (Remarque : j'ai essayé Chrome et Edge, mais aucun n'a fonctionné) Voici la section HTML qui contient la police et fait référence à la table 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>

Je suis heureux de savoir ce qui ne va pas ici. Merci d'avance!

J'ai essayé d'utiliser Google Fonts à l'aide d'un tableau CSS mais la police ne s'affiche pas

Answer 1

Vous demandez une police ABeeZee，但您在 CSS 中定义了 Atlanta. Si vous souhaitez utiliser cette police, ces valeurs doivent correspondre

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

  
  this is a font test