Solucionado
Bom dia,
Vi que nas aulas anteriores foi utilizada a função @import para trazer as fontes do Google Font. Conhecia também a função @face-font que também serve para colocar fontes não padronizadas para a página. Queria entender melhor o que faz cada uma dessas funções e quando utilizar cada uma delas? @import pareceu mais prática. Em termos de uso de memoria qual seria mais recomendada?
Olá Juan,
@face-font: seria uma regra que permite que você faça o download de uma fonte específica do seu servidor para que seja renderizado caso o usuário não possua essa fonte instalada.
@import url(): Importa outra página de estilo (style sheet) para a página de estilo atual. Se você usa o @import para trazer uma fonte, quer dizer que essa página de estilo que você importou inclui o @font-face dentro dela.
Portanto, pelo que eu entendi, a forma de importar fontes é pelo @face-font, porém alguns provedores de fontes como o Google Fonts já possuem uma página de estilo que trás essa fonte importada do servidor deles, e você nesse caso, só faz a importação dessa página de estilos.
Na verdade, baseei minha resposta em uma resposta fornecida no stack overflow para uma pergunta bastante similar a sua, caso tenha curiosidade em olhar essa pergunta, aqui está o link:
Em relação à sua pergunta sobre qual é mais recomendado, acredito que isso dependerá de onde a fonte escolhida por você está sendo disponibilizada.
Espero ter sanado sua dúvida, Grande abraço.