CSS Font Awesome no CSS

[fredkissfree]

Estou com um checkbox

<div class="form-check mb-4">
  <label class="form-check-label">
    <input class="form-check-input" type="checkbox" value="">
    <span class="form-check-sign">
      <p style="text-align: justify;">teste</label>
    </span>
</div>

que tem o seguinte CSS

.form-check .form-check-sign::after {
    font-family: 'FontAwesome';
    content: "\f00c";
    top: 0px;
    text-align: center;
    font-size: 14px;
    opacity: 0;
    color: #EFE;
    border: 0;
    background-color: inherit;
}

O problema que o font awesome assim não funciona, gostaria de colocar no lugar do content o código:

<i class="faz fa-check"></i>

como posso fazer isso?

[makotsunami]

Amigo, você não fechou a tag <p> e fechou a <label> antes do <span>.

 

Seu HTML está todo quebrado.

[fredkissfree]

Arrumei o <p> e o Label

 

O problema do font awesome é que quando da o check, não carrega o font awesome

 

Fica assim

[Adriano_web]

@fredkissfree Você tem que colocar o valor fa fa-check não é "faz".

[fredkissfree]

se eu coloco fa fa-check ou /fa fa-check ele escreve isso apenas@Adriano_web

[Adriano_web]

@fredkissfree Você usa a ultima versão do font awesome? Tente este link:

 

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">

 

[fredkissfree]

sim, inclusive baixei ele para carregar mais rápido