如何在css中插入图标？

我尝试在css中插入一个图标，代码如下：

content: "\f103";

但它不起作用

如果我添加以下行，它将不起作用：

font-family: FontAwesome;

我希望按照以下示例中的操作，将产品添加到购物车并转到订单：

---

您应该在css文件中使用fontAwesome添加以下内容：

font-family: FontAwesome;

下面是发生的事情：

您正在尝试将unicode字符插入页面。此字符是专用区域Unicode子集的一部分。这是unicode承诺不会将任何字符映射到的字符范围，以便图标字体和应用程序可以使用这些值

您看到的大多数图标都有unicode值，例如

content:“\f103”和图标字体，如Fontsome

如果要包含图标字体，还需要在网站中导入该字体。
对于FontAwesome，您可以通过在html文档的头部添加
来跟随它们的“”

完成此操作后，您可以找到所需的图标，如此，然后单击顶部的复制选项之一

如果复制他们的html，请将其像
一样放在页面上
.fas
为您设置字体系列，
.fa info circle
设置适当的unicode符号。
您使用的是哪种版本的字体（我觉得像v5）？请发布并包含缺少的详细信息和实际代码，因为它们可能使用SVG&JS方法，如果是这种情况，OP还需要将
数据搜索伪元素
属性添加到font的脚本标记中awesome@Alexander赖斯：我正在为我的站点使用SVG版本。有可能改用Glyphicons吗？@838dbde324正如我在对你的问题的评论中所写的那样-请编辑你的帖子并包含实际的代码-向我们展示你如何加载字体（这部分很重要），包括HTML结构和你试图处理的元素+相关CSS（包括
font-weight
和
font-family
@AlonEitan I use Drupal 8 and make awesome直接添加到我的子主题
font/fontsome/js/all.min.js:{}
如果你使用的是fontsome v5，那么你应该这样使用它：
.calendar:：before.）{font family:“font Awesome 5 Free”字体重量：400；内容：“\f133”}
对于粗体图标，您应该添加以下内容：
字体重量：900；