Executando verificação de segurança...
2

como usar fontes externa no css?

estou tentando usar uma fonte que baixei no site Defonte mas não estou conseguindo, esse é a estrutura no css:

@font-face {
font-family: 'Wonder Night';
src: url('fonts/Wonder Night.otf') format(opentype), src('fonts/Wonder Night.ttf') format(truetype);
}

h1{
font-family: Wonder Night,Times, serif;
font-size:48px;
color:rgb(181, 32, 32);
}

ja tentei de tudo

Carregando publicação patrocinada...
1

Na linha

src: url('fonts/Wonder Night.otf') format(opentype), src('fonts/Wonder Night.ttf') format(truetype);

Tenta trocar o segundo src por url:

src: url('fonts/Wonder Night.otf') format(opentype), url('fonts/Wonder Night.ttf') format(truetype);

Depois, certifica que o endereçamento da fonte está correto.

Tenta também abrir o arquivo da fonte e ver se foi baixado corretamente. Eu tentei aqui e o pacote não baixou corretamente essa fonte que você está tentando utilizar, eu só consegui quando tentei usar outra das que vieram no ZIP.

Se tiver sido baixado corretamente, tenta instalar a fonte manualmente (botão direito > instalar).

1