Html 为什么此箭头在平板电脑上显示为蓝色？_Html_Css_Responsive Design

Html 为什么此箭头在平板电脑上显示为蓝色？

html css responsive-design

Html 为什么此箭头在平板电脑上显示为蓝色？,html,css,responsive-design,Html,Css,Responsive Design,我正在使用以下HTML代码： <!DOCTYPE html> <html lang="en"> <head> <link href="style.css" rel="stylesheet"> </head> <body> <div>This arrow here: <span><a href="#">↩</

我正在使用以下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>

在Firefox 31（Windows 8）上，它显示得很好：

然而，在我的平板电脑（三星Galaxy Note 10.1 2014）上，箭头显示为深蓝色：

我该如何解决这个问题？这个问题能解决吗？是否有一个ASCII字符列表可以在所有平台上正常显示

不幸的是，我在平板电脑的Chrome上找不到开发工具，因此无法诊断此问题。

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

解决方案是将字体显式设置为以您所希望的方式显示字符的字体，并且该字体也存在于平板电脑上。如果平板电脑上除了您看到的字体之外没有包含此字符的字体，那么除了使用图像之外，您没有什么可以做的。

显示为图像的是unicode字符。据我所知，你无法改变它的颜色。阅读此内容，然后。因此，在我的计算机上，字符按我希望的方式显示（使用Segoe UI字体）。有没有一种方法可以将字符从字体中提取为SVG，并在页面上使用它，而不必让页面下载整个字体？可能添加（

sans-

）

serif

，作为最后一个选项会阻止它呈现为表情符号？我不知道，但我认为情况并非如此。这取决于浏览器有什么后备策略；大多数浏览器宁愿渲染一个“过时”的字符，也不愿完全不渲染。是否有一种方法可以只将该字符加载到HTML中，而不必为该单个字符下载整个字体？@Nikhik您可以生成一种只包含该单个字符的字体。我敢肯定，这类事情有在线发电机。

span > a {
    color: #F5413C;
}