Instalar fontes React

Fala, Anderson! Tudo bem?

Uma forma de importar uma fonte diretamente de um arquivo de fonte é fazendo o seguinte:

• 1) Você deve criar uma pasta chamada fonts em src
• 2) Baixe a fonte ou as fontes que você deseja adicionar e coloque elas nessa pasta fonts
• 3) Abra seu arquivo index.css e inclua as fontes colocando o caminho de onde elas estão, por exemplo:

@font-face {
  font-family: 'Calopsita';
  src: local('Calopsita'), url(./fonts/Calopsita/Calopsita-Regular.ttf) format('truetype');
}

Adicionei uma fonte Calopsita fictícia como exemplo.

• 4) Por fim, faça a importação dessa fonte no arquivo css do seu componente

.title{
    font-family: Calopsita, serif;
    color: #ffffff;
}

Espero ter ajudado! Abraços.