font-awesome not available in css

[Silve2611]

I can load font-awesome as and html <i class="fa fa-fw fa-square-o unchecked"></i> But when i try to reshape my checkboxes via css it show nothing but an empty div.

`

.fancy-checkbox input[type="checkbox"],
.fancy-checkbox .checked {
    display: none;
}

.fancy-checkbox input[type="checkbox"]:checked ~ .checked
{
    display: inline-block;
}

.fancy-checkbox input[type="checkbox"]:checked ~ .unchecked
{
    display: none;
}

`

_{This question is available on Nuxt.js community (#c76)}

[kartsims]

this comment might help