[Dúvida] Posso importar a fonte no "header.css" ou "styles.css" mesmo?

Olá, Igor! Tudo bom com você?

Bom, como nós sabemos, existem duas maneiras de fazer a importação de um arquivo de fonte, sendo elas via HTML, com a tag , e via CSS, com o comando @import, como nós exemplos abaixo:

<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=Dancing+Script:wght@400;700&family=Josefin+Sans:wght@400;700&display=swap" rel="stylesheet">

@import url('https://fonts.googleapis.com/css?family=Syncopate&display=swap');

Eu dei uma pesquisada aqui, cara, e encontrei que em termos de funcionamento, o no HTML e o @import no CSS fazem a mesma coisa, e a única diferença entre os dois é em questão de performance mesmo, com o tendo um desempenho melhor que o @import na maior parte dos browsers.

Espero ter ajudado, bons estudos, e abraços!

Brigadoo!!!

Tamo junto!