HTML：单引号在此网站上显示为空格，但仅在某些浏览器中显示（即在桌面上的 Chrome 中，但在 iOS 上的 Safari 中不显示）

Posted 2023-02-24

【中文标题】HTML：单引号在此网站上显示为空格，但仅在某些浏览器中显示（即在桌面上的 Chrome 中，但在 iOS 上的 Safari 中不显示）

【英文标题】：HTML: Single quote is showing with space on this website but only in certain browsers (i.e. in Chrome on a desktop but not in Safari on iOS)

【发布时间】：2020-01-13 16:59:07

【问题描述】：

在 Chrome 和桌面上，查看https://www.alilang.com/gv_faq.html。您会看到所有单引号都显示为单引号加空格。例如，在第一句中，“you'll”显示为“you'll”

在 Chrome 的检查模式下，我刚刚发现如果我删除单引号，然后重新键入单引号，它会删除空格并且单引号现在显示正确。

仔细观察，原来的单引号是有点角度的，而正常的单引号是直上直下的。 我相信其中一些内容是在中国编码的，或者可能是从 Word 复制和粘贴的。

有谁知道为什么这个单引号是倾斜的，然后是一个直上直下的单引号（即与双引号共享密钥的那个）？

是否由于区域键盘设置 - 可能是由于中文输入类型导致的虚拟键？是因为从Word中复制粘贴的内容吗？

考虑到我在输入此问题时发现了差异，在这一点上，我只是想了解进一步了解的原因。

【问题讨论】：

您使用的字体似乎有问题

【参考方案1】：

撇号分为三种类型：直单撇号、开单撇号和闭单撇号。后两者略微弯曲/倾斜，具体取决于渲染它们的字体。该站点上的撇号正在关闭单个撇号。

在三种撇号之间切换通常不会导致问题，但在这种情况下，他们使用的字体 Hiragino Sans GB 在结束单撇号之前放置一个空格。

您可以通过从页面上的字体系列列表中删除该字体来看到自己。