移动浏览器中未显示Unicode扑克牌符号 [英] Unicode playing card symbols not displayed in mobile browser
本文介绍了移动浏览器中未显示Unicode扑克牌符号的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有一个html页面，我想在其中使用扑克牌符号。我的最小例子
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
🂡
</body>
</html>
在我的桌面PC(Ubuntu 20.04)上显示Firefox(92.0)中的黑桃王牌，但在我的移动设备(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'; }
若要在我的台式PC上也使用此字体，我仍然会看到相同的行为：桌面版本中的符号正确，移动版本中的空框也正确。所以奇怪的是，相同的字体在移动端和台式机上的表现似乎不同。有什么想法吗？
推荐答案
问题是移动设备浏览器中的默认字体不支持表示黑桃王牌🂡的unicode字符。您可以添加font-family作为特殊字符的备用字体。我建议多读一些关于
Fallback fonts on special characters
这篇关于移动浏览器中未显示Unicode扑克牌符号的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
