Mesmo as três páginas usando o mesmo CSS Os links HOME, PRODUTOS e CONTATO da página Home ficaram com todas as formatações exceto negrito. Ficava certo, em negrito, apenas nas páginas de Produtos e Contato. Além disso aparecia uma imagem de erro onde deveria aparecer o mapa e o vídeo. Coloquei uma classe (link) junto com o endereço dos links e usei essa classe pra colocar outra fonte do Google fonts (Kanit) que resolveu o problema da formatação. O estranho é que sem fazer mais nada, nada mesmo, resolveu o erro do mapa e do vídeo também.

Problema resolvido, mas como uma linha de configuração de fonte de outro setor afeta o mapa e o vídeo?

Index.html

   <link href="https://fonts.googleapis.com/css?family=kanit&display=swap" rel="stylesheet">
</head>

<nav>
  <ul>
    <li><a class="link" href="index.html">Home</a></li>
    <li><a class="link" href="produtos.html">Produtos</a></li>
    <li><a class="link" href="contato.html">Contato</a></li>
  </ul>
</nav>

style.css

.link {
   font-family: 'kanit', sans-serif;
}