我在哪里可以获得 Font awesome 图像源并在可能的情况下对其进行编辑？

Question

我正在使用自定义模板，不知道特定定义在哪里。这是一个购物车图像，我想用其他图像替换图像，所以我需要找到它。我只找到了这一点：

.fa-shopping-cart:before{content:"\f07a"}

Answer 1

Font Awesome 是一种网络字体，包含 Twitter Bootstrap 框架中的所有图标，现在还有更多。

虽然 Bootstrap 中的实现旨在与 <i> 元素 (Bootstrap v2) 一起使用，但您可能会发现自己想在其他元素上使用这些图标。为此，您需要在所需元素上使用以下 CSS，然后用内容值替换相关图标并且能够找到 substitute.It 包括以下图标，例如：

Font Awesome 不使用图像作为图标，没有 src 属性的 img 元素无效 HTML.

您可以做的是添加逻辑来显示或隐藏图像旁边的虚拟图标。这是在父包装器上使用 class 的示例：

<div className="show-icon">
    <i className="fa fa-..."></i>
    <img src="..." />
</div>

当父div元素的class为.show-icon时，可以使用CSS来显示图标和隐藏图像：

div i.fa { display: none; }
div img { display: block; }

div.show-icon i.fa { display: inline-block; }
div.show-icon img { display: none; }

Answer 2

.fa-shopping-cart:before{content:"\f07a"

是在应用您的 class 之前要说的代码部分，您将拥有由代码“\f07a”标识的图标。

您还可以通过更改上面的代码来设置您的图像：

 content: url('yourimgpath');

Where will I be able to get Font awesome image source and edit it if possible?