Font-awesome 图标显示一个方框

Question

我从网站上添加了字体超棒的 CDN Html link 并放在了头部，但图标仍然不显示。我是 Html 的新手，需要有关如何解决此问题的具体说明。

我什至尝试下载它并 link 在本地下载文件，但那没有用。

<head>
  <title>Social Media</title>
  <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
</head>

<ul>
  <li>
    <i class="fas fa-search"></i>
  </li>
</ul>

Answer 1

这里的问题是图标 fas fa-search 来自 Fontawesome 版本 5，但您加载的是 Fontawesome 版本 4.7。 Fontawesome 4.7 改为 fa fa-search 图标。

Answer 2

<head>
    <title>Social Media</title>
    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
</head>

<ul>
    <li>
        <i class="fa fa-search" style="font-size:30px;"></i>
    </li>
</ul>

请先检查你用的是什么字体我是说最新的还是旧的有旧的4.7.0有fa和fas的不同

Font-awesome 图标显示一个方框

Font-awesome icon displays a box

html

css

font-awesome