Oi Selly, tudo bem?

A razão para isso pode é a especificidade e a organização do código. Vou explicar com mais detalhes:

Especificidade

Quando você define o font-family diretamente no HTML, você está garantindo que aquele elemento específico terá a fonte desejada, independentemente de outras regras de CSS que possam estar aplicadas globalmente. Por exemplo, se você tiver uma regra global no styles.css que define uma fonte padrão para todo o site, mas quiser que o cabeçalho use uma fonte diferente, você pode definir isso diretamente no HTML ou no CSS específico do componente.

Organização e Clareza

Ao definir estilos específicos diretamente no HTML ou em um CSS específico do componente, você mantém o código mais organizado e fácil de entender. No contexto do Angular, onde você trabalha com componentes, é comum ter estilos específicos para cada componente. Isso facilita a manutenção e a leitura do código, pois você sabe exatamente onde procurar quando precisar alterar algo.

Espero ter ajudado.

Um abraço e bons estudos.

Obrigada pela explicação :)