如何使字体很棒以在实时网站上显示[重复]

Question

我创建了一个下拉按钮并添加了一个很棒的字体图标，但它使用的是 unicode，它没有显示出来，它只是一个微弱的正方形。

我已经在互联网上搜索解决方案，研究表明确保字体真棒 css 样式表链接到我的 html 文件：/

我的 HTML 是：

<div class="language">
    <select>
      <option value="">English</option>
      <option value="">Deutsch</option>
    </select>
</div>

我的 Css 代码是：

.language {
  float: right;
  margin-top: -45px;
  padding-right: 25px;
}
.language select {
  width: 180px;
  border: none;
}
.language::before {
  content: "\f0ac"
}

任何帮助表示赞赏并提前感谢

Answer 1

要在没有适当类的情况下使用字体真棒图标，您还应该设置font-family，例如，如果您使用Font Awesome 5 Free，您还应该设置：

.language::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0ac"
}

附：还要确保您已包含 font-awesome 样式表