真棒字体图标显示一个框

0 html css font-awesome

我从网站上添加了字体真棒的CDN Html链接,并将其放置在头部,但该图标仍然不会显示。我是Html的新手,并且需要有关如何解决此问题的具体说明。

我什至尝试下载它并在本地链接文件,但这没有用。

<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>
Run Code Online (Sandbox Code Playgroud)

Luc*_*zzi 5

这里的问题是该图标fas fa-search来自Fontawesome 5版,但是您正在加载Fontawesome 4.7版。Fontawesome 4.7改为带有fa fa-search图标。