我們如何在移動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中打開它，顏色將變成黑色，尺寸會變小。

https://jsfiddle.net/ujs80tv1/2/

---

這個問題被標記爲 「Unicode的繪文字的顏色」 的可能重複。我不認爲這個問題是重複的，因爲我肯定可以在大多數瀏覽器中改變Unicode dingbats的顏色（例如參見JSFiddle）。我無法改變顏色的唯一瀏覽器是移動Safari。就我所知，您無法在任何瀏覽器中更改表情符號的顏色。

「Unicode表情符號顏色」問題中的建議答案是使用新的字體或庫。這可能是一種解決方法，但它不能回答問題。如果有人可以證明unicode dingbats無法在移動Safari中設置樣式，我會接受該答案作爲正確答案。

Answer 1

類似帖子中的回覆回答了這個問題。它爲我工作！

HTML unicode arrow works on Safari desktop, but not Safari for iOS

font-family: 'Zapf Dingbats';