如何在所有设备上呈现相同的 ♦（Unicode Black Diamond Suit）？答案

【问题标题】：How can I render the ♦ (Unicode Black Diamond Suit) the same on all devices?如何在所有设备上呈现相同的 ♦（Unicode Black Diamond Suit）？
【发布时间】：2017-05-26 20:04:15
【问题描述】：

我需要在多个浏览器上呈现相同的 Black Diamond Suit (♦, U+2666)。不幸的是，这也是一个表情符号，这意味着它呈现如下：

^Source

当我希望它始终像“浏览器”图像一样呈现时（左上角）。

这在 iOS 和 Android 上尤其令人沮丧，因为它没有呈现为黑色。

不幸的是，Font Awesome 不包含可用的替代品。最接近的是“黑色菱形”，U+29EB⧫︎但有点拉长了。

有没有办法强制移动浏览器像桌面浏览器一样呈现它？

【问题讨论】：

您是否尝试过明确声明字体、字体大小和颜色？我想知道浏览器/设备中是否应用了本机值。
@AdamHeeg 是的，上面的几个元素是 font-family: 'Raleway', sans-serif; font-size: 15px; 我刚刚添加了 color: black 并没有帮助...
您是否尝试过使用备用Unicode字符"\u{25C6}"或文本版本"\u{2666}\u{FE0E}"？
@DennisW。第一个有点蹲，第二个有效！
@DennisW。所以第二个角色迫使第一个角色在没有样式的情况下渲染！？太棒了！

标签： android html ios unicode

【解决方案1】：

查看fileformat.info 上的规范，可以使用黑色菱形的文本版本："\u{2666}\u{FE0E}"

【讨论】：

【解决方案2】：

在 css 中使用它

颜色：透明；文字阴影：0 0 0 黑色；

【讨论】：