1
resposta

import dos ícones (CSS: Dispondo elementos com Flexbox e Grid)

Não estou conseguindo importar os ícones corretamente, acho que o arquivo icones.tff disponibilizado esteja corrompido de alguma forma. Tentei trocando o local onde ele se encontrava e mesmo assim a chamada desse arquivo pelo css não deu certo. No próprio arquivo tem um tutorial explicando como o processo deveria ser feito, segui todos os passos e não tive sucesso. Gostaria muito de ter esse problema solucionado para a continuação do projeto.

Abaixo o código usado com a url usada com a localização exata do arquivo.

@font-face {
  font-family: "icones";
  src: url(assets/font/icones.ttf);
}
1 resposta

Olá Mateus, tudo bem?

Qual editor de código você está utilizando? Recomendo usar o VS Code, por ele é mais fácil navegarmos entre os níveis para encontrar arquivos, basta digitar ./ ou ../ que uma lista de opções irá aparecer e temos a certeza que o arquivo foi encontrado. Veja:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Modificando, o código ficará assim:

@font-face {
    font-family: 'icones';
    src: url(../font/icones.ttf);
}

Espero ter ajudado, em caso de dúvidas fique a vontade para perguntar. Abraços!