【问题标题】:Missing icons FontAwesome缺少图标 FontAwesome
【发布时间】:2017-04-03 21:10:18
【问题描述】:

很长一段时间以来,一些 FontAwesome(最新版本)图标在我的项目中不起作用,例如 fa-hashtag,但还有一些其他图标也不起作用。已经在堆栈中检查了一些解决方案,但没有任何效果。

我的字体是如何链接的:

<link href="assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>

使用引导程序和缺少图标的代码示例:

<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>

谢谢!

【问题讨论】:

  • 你确定你的项目中有最新版本的 font-awesome 吗?
  • 您确定您检查了所有其他相关问题吗?这通常是因为没有安装字体文件。
  • 它对我有用check fiddle
  • @ZimSystem 我的电脑需要安装字体吗?一个甚至不知道它的用户怎么办?
  • @AbhishekPandey 我明白了...不知道为什么它不起作用

标签: html css twitter-bootstrap font-awesome


【解决方案1】:

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

  • 文件在定义的路径“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">

【讨论】:

  • 就是这样!使用 CDN,主题标签效果很好,不知道为什么它停止使用本地文件,但我将代码复制到我的本地 .min.css 文件中,现在工作正常!谢谢老哥
【解决方案2】:

我尝试了最新版本的 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">

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-08-08
    • 2017-11-17
    • 2017-01-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-06-12
    • 1970-01-01
    相关资源
    最近更新 更多