estou a usarFonte Incrível para ícones no meu site. Eu sou muito novo em HTML e CSS. Eu estava tentando usar isso para caixas de seleção, e tive dificuldade em descobrir como eu poderia usá-lo para ativar / desativar a caixa de seleção e obter o ícone approrpiate mostrado.

Por exemplo; Estou usando as tags abaixo para a caixa de seleção:

<div style="font-size: 24px;">
<i id="prime" type="checkbox" class="icon-check-empty"></i>icon-check
</div>

Estou usando o jQuery abaixo para alterar o ícone quando a caixa de seleção estiver ativada / desativada:

$(".icon-check-empty").click(function(){
    $('#prime').removeClass('icon-check-empty');
    $('#prime').addClass('icon-check');
});

Tenho certeza que não seria assim que deveria ser usado. Você pode, por favor, me orientar qual deve ser o modo como deve ser usado.

Para agora; Quero usar as caixas de seleção, e meu objetivo é marcar / desmarcar a caixa de seleção e mostrar o ícone correspondente. Quando marcado: icon-check; desmarcado: ícone-verificar-vazio

Por favor me guie !!