estou com um problema em carregar minha font via css
estou usando o font awesome 5
eu estou implementando os icones via content
no css
porém o icone que eu quero usar não está funcionando esse seria o link do icone que quero usar F0da mais ele não quer aparecer e o mais engraçado é que se uso esse code por exemplo aparece f007
não sei oque pode ser segue meu código para analize e link de import
da biblioteca de icones:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">
HTML:
<div class="col-md-4">
<span class="text-uppercase text-white">Categoria</span>
<ul class="nav flex-column links-categories">
<li class="nav-item"><a href="#" class="nav-link">Açougues<span>(45)</span></a></a></li>
<li class="nav-item"><a href="#" class="nav-link">Adegas e bebidas<span>(64)</span></a></a></li>
<li class="nav-item"><a href="#" class="nav-link">Água Mineral<span>(49)</span></a></a></li>
<li class="nav-item"><a href="#" class="nav-link">Avícolas<span>(52)</span></a></a></li>
<li class="nav-item"><a href="#" class="nav-link">Bar e lanches<span>(214)</span></a></a></li>
<li class="nav-item"><a href="#" class="nav-link">Bombonieres<span>(7)</span></a></a></li>
<li class="nav-item"><a href="#" class="nav-link">Buffets<span>(33)</span></a></a></li>
<li class="nav-item"><a href="#" class="nav-link">Cafeterias<span>(68)</span></a></a></li>
</ul>
</div>
SCSS:
.links-categories{
li{
position: relative;
&:before{
content:"\f0da";
font-family: 'Font Awesome 5 Free';
position: absolute;
left: -20px;
top: 0;
color: $orange;
}
a{
font-size: 14px;
padding: 0;
}
}
}
aqui vai o print de como fica o icone caret que quero usar:
ele não funciona porem se uso esse codigo aqui f007
ele funciona: