Estou utilizando um template que utiliza ícones do  Font Awesome, até aí tudo bem! Mas quando quero mudar o ícone, sigo as instruções da documentação e não dá certo!

Por exemplo, o código do template é esse:

    <li class="wow fadeInRight">
       <i class="icon-lock">
    </li>

Se eu quiser por exemplo, mudar para o ícone do Facebook, altero `<i class="icon-lock">` para `<i class="fa fa-heart">` e fui ver o CSS e está assim:

    .icon-lock:before {
      content: "\e62a";
    }

O que significa esse CSS? O que é `"\e62a"` ???

Me ajudem, por favor !!!