Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Import de fontes no HTML ou no CSS?

Queria saber se existe alguma diferença real, ou se é apenas uma questão de preferência.

O import no HTML funciona importando um link da internet como o professor Pedro Marins disse, no caso utilizando o Google Fonts. No entanto, pesquisando também descobri que existe uma maneira de chegar no mesmo resultado mas usando o CSS, segue exemplo utilizando a fonte Roboto sans-serif.

CSS: @import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);

HTML:

(e depois fazendo a chamada da fonte no body do CSS)

body { font-family: 'Roboto', sans-serif; }

2 respostas
solução!

Oi, Felipe, tudo bem?

Não existe uma diferença em si, somente a de que o import é um mecanismo do css e que a tag <link> é um mecanismo do html. Então, fica a cargo de quem está codando a forma que mais tem preferência. Particularmente, eu gosto mais do import por ser visual, menos verbosa, deixa o html "menos sujo".

Qualquer dúvida, é só falar!

De fato fica mais "limpo", também estou optando pelo import nos meus projetos. Particularmente achava que existia algo relacionado à eficiência entre os dois, mas fico feliz de ser apenas uma questão de preferência. Muito obrigado!