Besoin d'aide : fonts google et CSS

Bonjour,

je me lance dans la réalisation de mon premier design, et j’ai plein d’idées.
Mais je suis débutant en développement web et je bloque sur quelque chose qui semble plutôt assez simple de base, c’est la customisation des polices dans mon design et plus particulièrement en utilisant les fonts google.
je suis pourtant parti d’un tuto pour avoir une base, mais même en repartant de quelque chose d’assez basique, ça ne marche pas. La police affichée reste la police de secours, alors que tout ce qui est couleur de fond, bordure, etc… est bien pris en compte.

mon css est le suivant :

@charset "UTF-8";
/*<link href='https://fonts.googleapis.com/css2?family=Cairo:wght@600&family=Changa:wght@400;600;700&display=swap'>*/
<link href="https://fonts.googleapis.com/css2?family=Changa:wght@400;600;700&display=swap" rel="stylesheet">

#vide {

}

#filou {
  width: 100%;
  height: 100%;
  border: 3px solid #ffffff66;
  background-color: rgba(109,230,208,1);		/*Couleur de fond*/
  border-radius: 5px; /*Arrondi des angles */
  font-family: 'Changa', cursive;	/*Police d'écriture*/
  font-size: 40px;					/*Taille de la police d'écriture*/
  font-weight: 400;
  font-style: normal;
}


et dans mon design j’ai créé un élément texte/HTML avec dedans ce code :

<link rel="stylesheet" href="montheme/styles.css">
<div id="filou">
Mon Menu
</div>

La chose bizarre c’est que le css ne semble pris en compte que si la classe utilisée n’est pas la première du fichier, d’où la classe #vide

pour le contexte, mon css est dans un fichier copié via jeedomExplorer dans « montheme », je suis en jeedom V4 sur raspi4 et j’y accède via Safari (v14) mais le problème est également le même sur Chrome…

Qu’est-ce que j’ai loupé ?

Personne pour m’aider ?

Bon j’ai fini par mettre la balise link dans le HTML et là ça marche… bizarre car dans tous les tutos que j’ai vu, cette ligne est mise dans le css…