【问题标题】:Can't get Font-Awesome Icons to display无法显示 Font-Awesome 图标
【发布时间】:2017-08-19 15:55:53
【问题描述】:

所以由于某种原因,字体很棒的图标不会显示,而 Lineicons 会显示。

如果您打开菜单(您必须使窗口宽度小于 700 像素) 您可以看到菜单图标打开了菜单。下面我放了以下代码

<li><a href="#" class="icon icon-user">Data Management</a></li>
<li><a href="#" class="fa-user">Location</a></li>

您可以看到 LineIcons 的第一个图标正在显示,而 Font-Awesome 的“fa-user”图标不会显示。我不确定为什么我还必须在“icon-user”之前添加单词 icon,但这是让它工作的唯一方法。

这是我正在测试的页面:Here

【问题讨论】:

  • 也添加一个fa的类

标签: php html css wordpress fonts


【解决方案1】:

你必须在fa-user前面加上“fa”

<li><a href="#" class="fa fa-user">Location</a></li>

这将解决您的显示问题。

【讨论】:

  • 虽然@ArneRie 只是显示为正方形
【解决方案2】:

我始终建议使用 CDN 加载版本。

这里:

<html>
<head>
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
</head>
<body>
    <h1>Icons:</h1>
    <ul>
        <li><i class="fa fa-user"></i> fa fa-user</li>
        <li><i class="fa fa-remove"></i> fa fa-remove</li>
    </ul>
</body>

【讨论】:

  • 我已经从网站本身加载了标题中的字体。我也尝试了 的东西,但仍然显示为空白方块。
  • @コードバリノ ,您是否清除了浏览器缓存(只是为了消除这种可能性)?尽管如此,我真的建议使用 CDN 加载版本。
  • 是的,您也访问过该页面吗?它会在您的浏览器上加载吗?
  • @コードバリノ,没错。不,它不加载:/ 使用 WP 时,尝试在帖子中添加我的 head 标签
  • 等待我的一些问题,由于某种原因,它会使用您的脚本而不是我的脚本加载它?
【解决方案3】:

在他们的网站上,cdn 没有 https。试试添加吧!

【讨论】:

    【解决方案4】:

    先生不要使用 bootstrapcdn 使用这个希望这个工作

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    

    【讨论】:

    • 为什么不用CDN?
    • 我尝试使用 maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/…"> 它不起作用
    猜你喜欢
    • 2022-01-18
    • 1970-01-01
    • 1970-01-01
    • 2020-08-01
    • 2022-12-25
    • 2019-05-09
    • 1970-01-01
    • 2013-05-10
    • 1970-01-01
    相关资源
    最近更新 更多