Então posso colocar outro tipo de font que já importei de outro site que não o google fonts e apenas colocar no meu diretório? Tenho um fonte que chama 'Merida' .
Agradeço!
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!
Então posso colocar outro tipo de font que já importei de outro site que não o google fonts e apenas colocar no meu diretório? Tenho um fonte que chama 'Merida' .
Agradeço!
Oi, Leo! Como vai?
Sinto muito pela demora em obter um retorno.
Sim, você pode usar uma fonte externa que não seja do Google Fonts. Se você já tem o arquivo da fonte, basta colocá-lo no seu diretório do projeto e importá-lo no CSS usando @font-face. Por exemplo:
@font-face {
font-family: 'Merida';
src: url('fonts/Merida.ttf') format('truetype'); /* Ajuste o caminho conforme necessário */
}
body {
font-family: 'Merida', sans-serif; /* Defina uma fonte alternativa caso a principal falhe */
}
Explicação:
@font-face permite importar uma fonte personalizada. src: url('fonts/Merida.ttf') aponta para o local onde a fonte está armazenada. font-family: 'Merida', sans-serif; define a fonte para o texto da página.
@import url('https://adicioneaquiolinkdafonte');
body {
font-family: 'Merida', sans-serif;
}
Espero ter ajudado. Conte com o apoio do Fórum na sua jornada. Fico à disposição.
Abraços e bons estudos!
Obrigado Rafaela, já copiei o código e irei brincar com os fontes e fazer testes.