1
resposta

Os icones não estão aparecendo.

<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/estilos.css">
<link menu-lateral__link-- rel="stylesheet" href="css/reset.css">
logo-tipo-HZC

CSS

@font-face { font-family: 'icones'; src: url(../font/icones.ttf); } body{ background-color: #1D232A; font-family: 'Open Sans','icones', sans-serif; color: #FFFFFF; } .cabecalho{ display: flex; justify-content: space-between; align-items: center; background-color: #15191C; padding: 8px 16px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.16); } .cabecalho__menu i::before{ content: "\e904"; font-size: 24px; } .cabecalho__notificacao i::before{ content: "\e906"; font-size: 24px; }

1 resposta

a chamada do reset.css está após o style.css, pois o CSS carrega de forma cascata, sendo o último arquivo altera os anteriores. O correto e reposicionar o seu reses.css antes do style.css