Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Fontes gratuitos de outros sites

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!

2 respostas
soluçã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:

  • A regra @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.

Se a fonte estiver hospedada em outro site, você pode carregar via URL assim:


@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!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓

Obrigado Rafaela, já copiei o código e irei brincar com os fontes e fazer testes.