U + 200A的字体渲染差异

时间:2017-04-06 08:19:32

标签: css google-chrome firefox utf-8 webfonts

我在Chrome和Firefox的最新版本之间的字体渲染差异方面存在一个奇怪的问题。

我使用带有字体堆栈的hair space character如下:
font-family: "Verdana", "Geneva", sans-serif;

我还没有找到可靠的资源出了什么问题,但在渲染这个角色方面存在明显差异:

Codepen

到目前为止我发现了什么:

  • Chrome似乎在Verdana中渲染头发空间
  • Firefox无法做到这一点并回归Times New Roman
  • 日内瓦似乎有这个角色的字形,但它与普通空间的宽度相同(渲染无用)

主要问题是:为什么Verdana在Chrome和Firefox中表现不同。两者都使用相同的系统字体。

[编辑]
我添加了一个GIF动画,向您展示我遇到的差异。除了对线高度的微小调整之外,我还没有改变基本图像。除头发空间外,渲染几乎完全不同。也许这是一个特定于macOS的问题:

Animation

0 个答案:

没有答案