很长一段时间,一些FontAwesome(最新版本)图标不能用于我的项目,如fa-hashtag
,但还有其他一些图标不能正常工作。已经在堆栈中检查了一些解决方案,但没有任何效果。
这里是如何链接我的fontawesome:
<link href="assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
使用bootstrap和缺少图标的代码示例:
<div class="col-lg-4">
<div class="form-group">
<label class="uppercase bold">11. VALOR TOTAL DAS VENDAS DA LOJA (ÚLTIMO MÊS)</label>
<div class="input-icon">
<i class="fa fa-dollar font-green"></i>
<input type="text" class="form-control" id="vlrTotalVendas" placeholder="DIGITE AQUI O VALOR TOTAL DE VENDAS DA LOJA">
</div>
</div>
</div>
<div class="col-lg-4">
<div class="form-group">
<label class="uppercase bold">12. quantidade de tickets na Loja (último mês)</label>
<div class="input-icon">
<i class="fa fa-hashtag font-green"></i>
<input type="text" class="form-control" id="vlrTicketMedio" placeholder="DIGITE AQUI A QUANTIDADE DE TICKETS DO ÚLTIMO MÊS">
</div>
</div>
</div>
答案 0 :(得分:2)
以下任何一点都可能导致该问题
文件在定义的路径'assets / global / plugins / font-awesome / css / font-awesome.min.css'上不存在
font-awesome.min.css文件可能已过时(因此不存在美元/哈希符号)
文件在某种程度上被破坏或在代码中收到了额外的字符。 (这会导致CSS的某些部分无法工作)
解决方案:尝试使用CDN,看看它是否适合您。 (如果是,请保存本地计算机上的文件路径)
CDN:https://www.bootstrapcdn.com/fontawesome/
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
答案 1 :(得分:1)
我尝试使用上一版本的font-awesome和fa-hashtag工作。 尝试使用
更改您的链接<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">