html - 缺少图标 FontAwesome

Question

很长一段时间以来，一些 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>

谢谢!

Answer 1

以下任何一点都可能导致该问题

• 定义的路径 'assets/global/plugins/font-awesome/css/font-awesome.min.css' 上不存在文件

• font-awesome.min.css 文件可能已过时(因此 Dollar/Hash 符号将不存在)

• 文件不知何故损坏或在代码中收到了一个额外的字符。 (这会导致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">