Css unicode显示空白矩形

Question

我写了这个：

.Class{
   Content: 'f0e8'
}

但它显示了一个空白矩形而不是我想要的图标 谁知道为什么？

Answer 1

尝试以下方法：

.Class:before {
  content: '\f0e8';
  font-family: FontAwesome;
  font-size: 20px;
}

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<div class="Class">Hello</div>

Answer 2

您只能在:: after和:: Pseudoelements之前使用“content”。 尝试：

div::before {
  content: '\2193';
}