Css 获取&；的最简单方法是什么#9724; 要在Google上正确显示'；在Windows7上运行的Chrome浏览器？

在我正在制作的网页上，包含标题HTML的CSS如下所示：

<div class="headline">
<a href="#1"><span style="color: #00f">&#9724;&nbsp;</span>This is a headline</a>
</div>

和#9724

表示Unicode字符◼, 黑色的中方形。这在Firefox、IE和Opera上显示得很好，但在Chrome上显示为一个空心方块，即“不知道这个字符”符号。我正在运行Win7Pro上的所有浏览器

容纳Chrome并使其显示此符号的最简单方法是什么？我试过使用

和#8718,，∎, 这很接近，但它是一个矩形，不是正方形，因此不够

我现在用的是Arial字体。如果我需要为这个角色和Chrome使用另一种字体，那很好，但是怎么做呢？或者如果最接近的可能是
和#8718，因此我不得不忍受Chrome用户得到的矩形不是一个正方形（有些人可能觉得使用这样的浏览器对他们来说是合适的），要实现这一点，最简单的方法是什么？
您可能想尝试十六进制版本：

'◼'

我似乎无法使其正确显示，因此请转到此处：
根据so答案，您只需选择一系列应具有该字符的字体。我用了他的例子，它在Windows 7上运行：


.force square{
字体系列：DejaVu Sans、Symbola、Everson Mono、Dingbats、Segoe UI Symbol、Quivira、SunExt-A、FreeSerif、Universalia、unifont；
显示：内联块；
}
.模仿正方形{
宽度：7磅；
高度：7磅；
背景：#000；
显示：内联块；
}

◸◹◺◻◼◽◾◿☀
◸◹◺◻◼◽◾◿☀
模仿：
强制：9724这是您需要的一个非常简单的符号-为什么不使用HTML和CSS呈现正方形


.square{
显示：内联块；
宽度：10px；
高度：10px；
背景色：黑色；
}
这取决于字体。谢谢。我已经修改说我正在使用Arial。这似乎是Windows7的东西。我刚刚在Windows10和Windows7上测试了Chrome60.0.3112.101。10表示完美，7表示空矩形。谢谢。我将编辑标题。谢谢，但我尝试了十六进制版本，
◼，并给出相同的结果。（如果夹在两个‘s’之间，这里显示的是未加说明的。）我确实把它放在了标记之间。你甚至可以看到它们：）你需要把它放在反勾之间，`，而不是单引号，`。：）谢谢，但是其中一些字体看起来很奇特，我不确定其他浏览器是否会知道它们，所以我认为仍然存在针对Chrome的问题。@ruffle是的，似乎确保用户看到的唯一方法是使用图像或样式元素，这限制了它的使用。您可能至少需要将一个字符包装在一个span中，然后您还可以将span设置为类似
的格式，这是一个很好的主意！现在我不知道给谁打绿色的勾号：给你，因为你先发布了想法，或者给@StackingJasonOper，因为他先发布了答案。如果这有帮助的话，他已经比我稍微多了一点：P，我的答案确实说明了
想法看起来与角色完全相同。@ruffle和你的用例，您可以使用“before”伪元素（将所有这些样式都提供给.headline:before）来代替stackingjasoncoper-谢谢！