一个unicode符号的不同颜色

Question

我在网页上使用unicode符号。。问题是这个符号在linux的chrome中显示得很好但是在windows 10的chrome中这个符号有边框和蓝色背景颜色。

这是我的代码：<div>Hello world &#9196;</div>

有人可以帮帮我吗？

Answer 1

这是浏览器dom本身呈现的内容。每个引擎都显示其他东西，而不是那些具有相同引擎的引擎。有一些方法可以通过改变它所写的字体系列来改变风格。

如果你愿意，你可以通过HTML和CSS来制作背景图片，或者只使用font-awesome来做到这一点！

希望这是你问题的答案。

Answer 2

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

由于您没有设置任何字体，浏览器将使用它拥有的任何默认字体。在Chrome中，这意味着颜色字体：

与任何其他文本一样，如果您需要完全控制它的外观，则需要设置自己的字体。例如，Google提供Noto系列，其中包括两种表情符号字体（单色和彩色）。

另一种方法是将其作为图标处理，并使用SVG或标志性字体。