Conflito cês com fontawesome

[John Hebert Trindade]

Boa noite, tenho um projeto que utilizo o fontawesome e configurei o projeto todo para utilizar um Font-family.

Quando estou no computador o projeto fica bem, no celular também fica correcto.

Mas no tablet seja IOS ou Android todos os ícones do fontawesome não aparece.

Como faço para utilizar no projeto todo a Font Ubuntu e não ter conflito com o fontawesome?

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Ubuntu", sans-serif;
	text-decoration: none;
}

Já comentei a linha Font-family e não resultou

Edited June 12, 2024 at 09:05 PM by John Hebert Trindade
faltou incluir um conteúdo

[John Hebert Trindade]

Bom dia a todos, percebi que o erro não esta nesta parte do css e sim no @media

se utilizo da forma abaixo, somente no 1024 fica a tela em branco sem nenhum botão, seja botão com a palavra ou botão com ícones do fontawesome

@media (min-width:1024px){
  .icon_botoes {
    display: none;
  }
}

@media (max-width:1024px) {
  .dropdown-action {
    display: none;
  }
}

Mas se coloco desta forma também não funciona e quando subo para o servidor essas linhas aparecem com um “X” como se estivessem escritas errada

@media (width >= 1025px){
  .icon_botoes {
    display: none;
  }
}

@media (width <= 1024px) {
  .dropdown-action {
    display: none;
  }
}

Já ocorreu com alguém

[user]

a propriedade "display: none" faz com que o elemento não seja renderizado no DOM (página html renderizada pelo browser).

para que apareça, o valor da propriedade deverá ser: "block"

Tens outras propriedades que tem comportamentos diferentes:
https://www.w3schools.com/cssref/pr_class_display.php