如何在跨平台的网站上有效地使用独角兽？

Question

我试图在我的网站上使用“电灯泡(U+1F4A1)”unicode。每个平台都显示unicode不同，即使我在body标记上的字体-系列上指定了双曲线字体(除了独角兽以外，所有字符都使用这种字体)。

Linux:双曲线字体

Windows: Segio UI字体

Android:表情符号

现在，这看起来不像是一个问题，因为每个平台都显示了正确的图标。这是一个问题，当你试图改变颜色，这是我希望从一个字符，不适用于表情符号。

而且，在每个平台上显示不同的字符在一般情况下是有点烦人的。

如何有效地使用独角兽，避免跨平台的差异？

Answer 1

使unicode图标在浏览器间一致显示的唯一方法是加载图标的默认网页字体。例如，电灯泡unicode字符使用双曲线字体。如果没有安装在设备上，设备将使用您列出的字体的回退。

对于跨平台解决方案，您需要使用像字体太棒了这样的字体图标。用伊科蒙创建自己的字体图标也很容易。否则，您将需要加载每个图标，网页字体，这是完全不实际的。