如何在播放框架中使用按钮（字形图标）上的图标

Question

我有这样的东西

<button id="search-submit-button" type="submit" name="search-submit-form" class="btn">
    <i class="fas fa-search"></i>
</button>

在这里，我已经在项目中导入了字形符号：

请指导我如何在该按钮上使用此图标？

Answer 1

尝试一下：

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

<button id="search-submit-button" type="submit" name="search-submit-form" class="btn">
    Search <i class="fa fa-search"></i>
</button>

Answer 2

我几天前解决了 您必须将它们链接为图像 像这样

，然后尝试向其中添加一些CSS，以使其成为图标 起诉您获得真正的图标。 .svg，.png或.jpg

Answer 3

您需要将font-awesome.min.css文件中的../fonts相对路径替换为/ assets / path-to-your-fonts-dir-in-public 我尝试过了，对我有用