我们如何在移动 Safari 中更改 dingbat unicode 字符的颜色和大小？(html 实体)

Question

我们如何更改 dingbats 的 CSS 规则？以下在 iOS Safari 中不起作用。

<span class="dingbat">&#x2716;</span>

<style>
.dingbat {
    color: blue;
    font-size: 100px;
}
</style>

下面是一个演示该问题的 JSFiddle。如果在桌面浏览器中打开 JSFiddle，dingbat X 颜色将为蓝色，大小为 100px。但是如果在手机Safari中打开，颜色会是黑色的，尺寸会偏小。

此问题被标记为可能与“Unicode 表情符号的颜色”重复。我不认为这个问题是重复的，因为我绝对可以在大多数浏览器中更改 Unicode dingbats 的颜色（例如，参见 JSFiddle）。我唯一无法更改颜色的浏览器是移动版 Safari。据我所知，您无法在任何浏览器中更改表情符号的颜色。

“Unicode 表情符号的颜色”问题中的推荐答案是使用新字体或库。这可能是一种解决方法，但它没有回答问题。如果有人可以证明 unicode dingbats 不能在移动 Safari 中设置样式，我会接受它作为正确答案。

Answer 1

类似帖子中的回复回答了这个问题。它对我有用！

font-family: 'Zapf Dingbats';