一個unicode符號的不同顏色

Question

我在我的網頁上使用unicode符號⏬。問題是這個符號在linux的chrome中顯示得很好，但是在windows 10的chrome中這個符號具有邊框和藍色背景色。

這裏是我的代碼：<div>Hello world &#9196;</div>

可能有人幫助我嗎？

Answer 1

那麼這是由瀏覽器本身渲染的東西。每個引擎都展示了其他東西，而不是那些引擎相同的引擎。有一些可能的方法通過更改字體家族的位置來改變它的風格。

如果你願意，你可以通過HTML和CSS來製作背景圖片或者只使用字體-awesome！

希望這是你的問題的答案。

Answer 2

<div>Hello world &#9196;</div>

由於你沒有設置任何字體，瀏覽器將使用它有任何默認字體。在Chrome中，這意味着顏色字體：

與任何其他一段文字，如果你需要有它的外觀，你需要設置自己的字體完全控制。例如，Google提供Noto系列，其中包括兩種表情符號字體（單色和彩色）。

另一種方法是將它作爲圖標處理，並使用SVG或圖標字體。