Question

我使用以下HTML代码：

<!DOCTYPE html>
<html lang="en">
    <head>
        <link href="style.css" rel="stylesheet">
    </head>

    <body>
        <div>This arrow here: <span><a href="#">&#8617;</a></span></div>
    </body>
</html>

这是我的style.css：

span > a {
    color: #F5413C;
}

在Firefox 31（Windows 8）上，它显示正常：

enter image description here

但是，在我的平板电脑（Samsung Galaxy Note 10.1 2014）上，箭头显示为粗蓝色：

enter image description here

我该如何解决这个问题？这可以修复吗？在某个地方，是否存在可在所有平台上显示的ASCII字符列表？

很遗憾，我无法在平板电脑上找到Chrome上的开发者工具，因此我无法诊断此问题。

Answer 1

箭头以表情符号字体呈现，该字体可能存在于平板电脑上但在您的桌面上不存在。表情符号字体是平板电脑上唯一包含此字符的字体，而您的桌面有更多种字体，其中包含“更传统”形式的字形，并且在任何表情符号字体之前选择。

解决方案是将字体显式设置为以您希望的方式显示字符的字体，以及平板电脑上也存在的字体。如果平板电脑没有任何包含此字符的字体而不是您所看到的字符，那么除了使用图像之外，您无能为力。

为什么这个箭头在平板电脑上呈蓝色？

1 个答案: