在哪里可以获得Font真棒图像源并尽可能编辑它？

Question

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

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

Answer 1

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

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

• Web应用程序图标
• 辅助功能图标
• 手形图标
• 交通图标
• 文字编辑器图标
• 品牌图标 所有这些图标，以及更多只能通过使用类来使用。

Font Awesome不会将图片用于图标，而没有img属性的src元素无效HTML。

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

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

当父div元素具有.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"

是一个代码部分，在你的课程申请之前说，你将通过代码＆＃34; \ f07a＆＃34;来识别图标。

您可以通过以下链接找到其他人：https://astronautweb.co/snippet/font-awesome/

您还可以通过更改上面的代码来设置您的图像，这似乎是：

 content: url('yourimgpath');