缺少图标FontAwesome

时间:2017-04-03 13:00:59

标签: html css twitter-bootstrap font-awesome

很长一段时间,一些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>

enter image description here 谢谢!

2 个答案:

答案 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">