我在Chrome和Firefox的最新版本之间的字体渲染差异方面存在一个奇怪的问题。
我使用带有字体堆栈的hair space character如下:
font-family: "Verdana", "Geneva", sans-serif;
我还没有找到可靠的资源出了什么问题,但在渲染这个角色方面存在明显差异:
Codepen 的
到目前为止我发现了什么:
主要问题是:为什么Verdana在Chrome和Firefox中表现不同。两者都使用相同的系统字体。
[编辑]
我添加了一个GIF动画,向您展示我遇到的差异。除了对线高度的微小调整之外,我还没有改变基本图像。除头发空间外,渲染几乎完全不同。也许这是一个特定于macOS的问题: