HTML-移动浏览器中不显示Unicode扑克牌符号-堆栈溢出

顺晟科技

2022-10-18 13:56:07

166

我有一个HTML页面，我想使用扑克牌符号。我最小的例子

<代码><；HTML（>；）<；头部>；<；元字符集="；UTF-8"；/>；<；/标题>；<；身体>；&；#127137；<；/正文>；<；/HTML>；

在我的桌面PC（Ubuntu 20.04）上

显示Firefox（92.0）中的黑桃A，但在我的移动设备（Android 7.0）上显示Firefox（92.1.1）中的空黑框。这里有什么问题？

/编辑：我学习了手机的USB调试，并用它进行了更多的研究。移动版Firefox使用的字体是Roboto.令人困惑的是如果我用

<html>
<head>
  <meta charset="utf-8" />
</head>

<body>
  &#127137;
</body>
</html>

要在我的桌面PC上使用这种字体，我仍然会得到相同的行为：在桌面版本中使用正确的符号，而在移动版本中使用空框。所以斯特兰利，似乎同样的字体在移动设备上和桌面上的表现不同。有什么想法吗？

顺晟科技：

问题是移动设备浏览器的默认字体不支持黑桃A的Unicode字符。您可以添加@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); body { font-family: 'Roboto'; }作为特殊字符的备用字体。我建议阅读更多关于特殊字符

的备用字体

上一篇：HTML-如何在不使用按钮的情况下切下一篇：HTML-如何使用Flutter解析

网站建设

Html

HTML-移动浏览器中不显示Unicode扑克牌符号-堆栈溢出