一个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或图标字体。