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"
}

P.S。还请确保您已包含font-awesome个样式表

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

1 个答案: