Busquei em cima das dúvidas anteriores citadas aqui neste fórum, porém não consegui solucionar o meu problema.
Os meus ícones não estão aparecendo de jeito nenhum. Até peguei uns da unicode e eles funcionaram, porém não encontrei todos que vão ser utilizados nesse projeto.
Meu HTML
Meu CSS
Já tentei inúmeras formas de resolver, mudando o caminho da url, adicionando font-family: 'icones'...
Olá, Estudante.
Tudo bem?
Pode ser porque faltou uma vírgula depois de icones em font-family no body, não seria:
font-family: "Open Sans", 'icones', sans-serif;Não tenho certeza se isso resolve, mas vale tentar.
Muito obrigado! Infelizmente não corrigiu os ícones de menu e notificação, mas os outros foram!
OIiiee, eu consegui ajustar todos os ícones desta forma:
No
eu tinha colocado o link de RESET.CSS por ultimo, ou seja, depois do link style.css. Então ele tava resetando os meus icones e nenhuma deles tava aparecendo. Vou deixar aqui como ficou meu head:<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HZC | HOME</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap">
<link rel="stylesheet" href="assets/css/reset.css">
<link rel="stylesheet" href="assets/css/style.css"> (este aqui precisa estar por ultimo)ahhh feliz que consegui arrumar.. de tanto pensar, lembrei do que o instrutor havia falado em alguma aula que eu ja tinha assistido kkkk
espero ter ajudado alguem!