html - 升级 Font Awesome 后，字体 'search' 的 Unicode 字符未显示

Question

我使用的是 font awesomes 'search' 字体

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

unicode字符

f002

在我的搜索字段占位符中是这样的

<input id="navbarSearchField" type="text" class="form-control searchInputsHeight" style="font-family:Arial, FontAwesome" placeholder="&#xf002;  Location" aria-describedby="navbarDate" />

在我从旧的 4.4 升级到 Font Awesome 5.0.13 之前它工作正常

看着很棒的字体 site unicode 字符仍然相同。

所以我想知道在下载字体时是否遗漏了一些文件，或者我没有正确实现它？

Answer 1

<input id="navbarSearchField" class="fas" type="text" placeholder="&#xf002;  Location" aria-describedby="navbarDate" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">

只需将类 fa 或 fas 添加到输入中:

<input id="navbarSearchField" class="fa" type="text" placeholder="&#xf002;  Location" aria-describedby="navbarDate" />

演示:http://jsfiddle.net/GCu2D/3601/