Unicode字符顏色問題

Question

不能在以下字符改變顏色：

<div style="font-size: 25px; color:red;">&#128269;</div> 
<div style="font-size: 25px; color:red;">&#128227;</div> 

而其他一些unicode字符接受color屬性：

<div style="font-size: 25px; color:red;">&#9881;</div> 

有什麼辦法來改變以前的顏色字符？

https://jsfiddle.net/cs5053ka/

Answer 1

在許多系統上，表情符等，並從常規字符繪製方式不同。儘管像%這樣的符號是通過填充矢量輪廓繪製的，但表情符號通常使用不考慮您的文本顏色的全色位圖來繪製。

要更改表情符號的顏色，你有幾種選擇：

• 手動重新着色的圖像編輯器，表情符號和使用<img>標籤或CSS背景圖片來顯示它。
• 使用包含類似外觀圖標的網頁圖標字體，如Font Awesome。圖標字體與常規符號一樣用矢量輪廓線繪製，因此color屬性適用於它們。
• 使用text-shadow hack以純色填充表情符號。

你也可以使用一個variation selector能夠使某些表情圖案到可以重新着色常規字符，但這並非針對或工作。