【问题标题】:Font Awesome Icon in Search Box Not Loading搜索框中的字体真棒图标未加载
【发布时间】:2017-10-04 14:09:16
【问题描述】:

所以我正在http://www.johnkimwell.com/Vetel/ 开发一个站点,我遇到的一个问题是字体真棒图标没有加载并且只显示一个正方形。我检查了包括 css 在内的所有内容,但没有发现任何可能的冲突。

希望大家能帮帮我。

谢谢

【问题讨论】:

    标签: html css wordpress fonts icons


    【解决方案1】:

    确实很奇怪。我查看了您的网站,发现您使用的是 FA v. 4.2.0,我的大多数网站都使用 4.7.0,所以在做任何其他事情之前,请将您的链接元素替换为 font-awesome.css :

    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    

    也许您使用的版本太旧。除此之外,我检查了您的标题、控制台日志,一切似乎都很好。

    希望对你有帮助!

    【讨论】:

      【解决方案2】:

      Font Awesome 中的 .fa::before 类似乎被 simple-line-icons 覆盖。我取消选中下图中的第一个属性,导致显示搜索图标。如果您不使用简单的线条图标,最简单的解决方法是摆脱

      &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css"&gt;

      Image of how I fixed the issue

      【讨论】:

        猜你喜欢
        • 2013-10-16
        • 2014-09-07
        • 2018-05-22
        • 2020-12-11
        • 1970-01-01
        • 2020-08-15
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多