移动浏览器中不显示Unicode纸牌符号

我有一个html页面，我想使用纸牌符号。我的最小示例

<html>
<head>
<meta charset="utf-8" />
</head>
<body>
&#127137;
</body>
</html>

在我的桌面电脑(Ubuntu 20.04)上的Firefox(92.0)中显示黑桃a，但在我的移动设备(Android 7.0)上的Firefox(92.1.1)中显示一个空黑盒子。这里的问题是什么?

/edit:我学习了我的手机的USB调试，并用它来调查更多。移动版Firefox使用的字体是Roboto。令人困惑的是，如果我使用

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');  
body { font-family: 'Roboto'; }

在我的桌面电脑上也使用这种字体，我仍然得到相同的行为:桌面版本的正确符号和移动版本的空框。奇怪的是，同样的字体在手机和桌面上的表现似乎不同。什么好主意吗?

问题是移动设备浏览器中的默认字体不支持黑桃a🂡的Unicode字符。您可以添加font-family作为特殊字符的备用字体。我建议阅读更多关于特殊字符

相关内容