Olá, Telmo!

Que legal que você está se dedicando ao estudo de HTML e CSS para trabalhar com o ePub. Fico muito feliz que esteja apreciando o curso!

A declaração que você mencionou usando @font-face é muito comum e funciona tanto para ePub quanto para sites. Ela permite que você incorpore fontes locais ao seu projeto.

Essa abordagem é ótima quando você precisa garantir que a fonte esteja disponível mesmo sem conexão à internet, pois a fonte é carregada diretamente do arquivo local.

Já a declaração com @import é usada para importar fontes de um serviço externo, como o Google Fonts. Como no exemplo, mencionado:

@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat&display=swap');

Essa abordagem é prática e fácil de usar, especialmente para projetos web, pois você não precisa se preocupar com o armazenamento e a inclusão dos arquivos de fonte no seu projeto. No entanto, ela depende de uma conexão com a internet para carregar as fontes.

Ambos os métodos podem funcionar, mas é importante considerar que ePubs são frequentemente lidos em dispositivos que podem não ter acesso à internet. Portanto, usar @font-face com fontes locais é geralmente mais seguro e garante que a fonte será exibida corretamente.

A escolha entre @font-face e @import depende das suas necessidades específicas. Se você quer garantir que a fonte sempre estará disponível, mesmo offline, use @font-face. Se prefere a conveniência de usar fontes hospedadas externamente, @import é uma boa opção.

Portanto ambos os métodos são válidos e funcionam bem, mas a escolha depende do contexto do seu projeto. Para ePubs, @font-face é geralmente mais seguro. Para sites, ambos funcionam bem, mas @import é mais simples de implementar.

Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso ✨

Um grande abraço e até mais!