如何在Edge中不修改字体控制Unicode字符&#9724的显示颜色？

我尝试将HTML编码为◼的Unicode字符设置为红色，下面的代码在Firefox里能正常显示红色，但在Edge中字符仍为黑色：

<html>
<body>
<span style="color:#f00;">&#9724;</span>
</body>
</html>

给span标签指定Segoe UI Symbol字体后，字符能在Edge里正常显示红色，但我想知道有没有无需修改字体的解决办法？修改后的代码如下：

<span style="color:#f00;
     font-family:Segoe UI Symbol">&#9724;</span>

内容的提问来源于stack exchange，提问作者tell