Tem alguma diferença?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Tem alguma diferença?
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!