Question

在Firefox和Chrome上（但不在Safari中），以下HTML以非常不同的字体大小显示相同的符号。

＆＃13;

<div lang="en">⌘</div>
<div lang="zh">⌘</div>

＆＃13;

为什么？
我能对付它吗？我目前的解决方法是在中文页面上执行<span lang="en">⌘</span>。但那感觉不对。
我在OS X（El Capitan）10.11.6上观察到了这一点。它在Windows上看起来如何？

注意：

您可能无法在操作系统上看到该符号（例如在Android上）。所以我的意思是命令键（unicode）符号：https://en.wikipedia.org/wiki/Command_key
在iOS上看起来很好（根据Andrew的说法，Safari和Chrome都是如此）。

Answer 1

至少在OS X上，这是一个字体问题。

符号“⌘”仅由少数几种字体提供。其中一些是： Lucida Grande ，系统字体和 Heiti SC ，简体中文字体。由于它们是不同的字体，我们不能指望⌘的呈现是相同的。

如果您选择的字体（例如Arial）不包含符号“⌘”，则渲染引擎将尝试查找具有该字体的替代字体。

Firefox和Chrome似乎考虑了lang。因此，为英语选择 Lucida Grande 字形，⌘选择 Heiti SC 。

可以通过在font-family列表中添加所需的字体来解决此问题：

<p style="font-family: Arial, sans-serif"> 
<span lang=en>english ⌘</span><span lang=zh>⌘ 中文</span> 
</p>
<p style="font-family: Arial, 'Lucida Grande', sans-serif"> 
<span lang=en>english ⌘</span><span lang=zh>⌘ 中文</span>
</p>

为什么Chrome和Firefox中的中文代码显示的⌘较小？

1 个答案: