Como instalar uma fonte no React instalando diretamente pelo arquivo .ttf e não através dos imports links que geralmente utilizamos.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Como instalar uma fonte no React instalando diretamente pelo arquivo .ttf e não através dos imports links que geralmente utilizamos.
Fala, Anderson! Tudo bem?
Uma forma de importar uma fonte diretamente de um arquivo de fonte é fazendo o seguinte:
fonts em srcfontsindex.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.
.title{
font-family: Calopsita, serif;
color: #ffffff;
}Espero ter ajudado! Abraços.