安卓浏览器自动更换纸牌花色?

7
我注意到我的最近升级的HTC One(4.3)出现了奇怪的行为 - 每当我使用其中一个纸牌符号(心形,黑桃,梅花,方块),浏览器会自动将它们替换为类似于卡片的设计。
我在手机上附上了截图和页面链接,您可以自行查看。
我只在我的手机上看到过这种情况,没有在其他任何设备上看到,在调试器中它看起来像是普通的ASCII字符,没有发现任何CSS设计。
重要的是要说 - 它不会在Chrome for Android上发生,只会在默认浏览器上发生。
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"> 
</head>
<body>
    <h1>♠♣♥♦</h1>
</body>
</html>

有人遇到过这种行为吗?更重要的是,如何禁用它?

示例页面

移动端截图


1
可能是因为这些字符可能没有包含在那些字体中? - njzk2
你尝试过使用包含这些符号的网络字体吗?你能选择并复制文本吗?如果你将其粘贴到另一个应用程序中会发生什么?然而,我无法在Android 2.3设备上重现它,只显示普通的纯字形。 - Carlo Cannas
@CarloCannas 我已经尝试使用包含它们的网络字体。设备仍然将字符替换为类似卡片的形式。 - Sgoldy
1
我在我的HTC One(4.3)上看到了相同的显示。我认为这是来自HTC的。现在要知道如何禁用它...你可以尝试一下HTC支持。 - Irwene
如果这不是一个大问题,你可能不会问。你必须让它显示为套装而不是卡吗?由于在计算机上显示正常,那么你的大多数受众会使用移动设备吗? - Dozer789
显示剩余5条评论
4个回答

4

我不知道这是否是你的问题,但值得一试。

当我学习HTML时,我读到最好使用数字而不是名称,所以你可以尝试用数字替换花色的名称,这可能会解决问题。

以下是它们的数字:

&#9824; = ♠
&#9827; = ♣
&#9829; = ♥
&#9830; = ♦

如果您想使用名称,请参考以下列表:

&spades;    = ♠
&clubs;     = ♣
&hearts;    = ♥
&diams;     = ♦

使用数字而不是名称或直接粘贴文本通常更好。如果不这样做,可能会导致跨浏览器兼容性问题。

编辑: 这里有一种比较简单的方法,虽然不太美观,但也可以实现。你可以在网页中放置扑克牌花色的图像。

<p><a href="spades">...</p>

谢谢,但就渲染而言 - 没有变化。 - Sgoldy
嗯...我看看能不能找到其他的东西。 - Dozer789
我已经找了所有可能帮助你的东西,但是我无法找到任何能解决这个问题的方法。请记得在代码中始终使用数字代替名称,这将有助于解决跨浏览器的兼容性问题。 - Dozer789

4

我在我的HTC One X上(使用Android 4.3)打开了以下网站http://www.fileformat.info/info/unicode/char/2660/index.htm,并且打开了你的链接,我可以完美地看到♠字符,没有替换。因此这不是HTC的问题也不是Android的问题。也许您的设备上安装了某个引起问题的东西?自定义键盘?浏览器扩展程序?


在这个网站上,我看到替换也发生了。因此我们排除了HTC和4.3。可能是HTC One 4.3或者是我的手机,尽管我已经尝试过恢复出厂设置。 - Sgoldy

3

我没有安卓手机可以测试这个,但是尝试一下

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"> 
</head>
<body>
    <h1>&spades;&clubs;&hearts;&diams;</h1>
</body>
</html>

已测试,仍然可以替换。我开始觉得这是HTC的问题,因为我在另一个Android 4.3上没有看到它。 - Sgoldy
如果这真的困扰着你,那么它必须在HTC中,你可以查看en字符串文件,看看它是否在其中声明。 - Dustin Snider
能解释一下如何做吗?听起来很有前途。谢谢。 - Sgoldy

2
这可能是浏览器使用的浏览器扩展或自定义字体。您可以尝试打开“应用程序管理器/全部”,禁用设备上的自定义字体。在三星Galaxy S3上,图标为橙色,带有ff,但在HTC上可能会有类似的东西。
此外,您可以尝试通过修改DOM从javascript中写出一些这些黑桃,看看是否发生了同样的事情。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接