Chrome 中未对齐的有序列表项

Question

有没有人注意到某些字体的 alpha 有序列表项在 Chrome 中没有正确排列？

示例：

li 
{ 
  font-size: 20px;
  font-family: sans-serif;
  list-style: upper-alpha;    
}
ol:after
{
  content: '';
  position: absolute;
  top: 0; left: 2.45em;
  height: 100%;
  width: 1px;
  background: black;
}

<ol>
   <li>Testing</li>
   <li>Testing</li>
   <li>Testing</li>
   <li>Testing</li>
   <li>Testing</li>
   <li>Testing</li>
   <li>Testing</li>
</ol>

项 C、D 和 G 的句点比其余项向左 1 个像素。

以下是我在 Windows 上的 Chrome 中看到的内容，以防某些 OS/browser/font 版本受到某种限制：

在 Firefox 和 IE 中一切正常。我在 Mac、Windows 和 Android 的 Chrome 中看到了这个问题。它似乎确实取决于字体。我检查的大多数衬线字体都有问题。 lower 和 upper-alpha 都有问题，但不同的项目最终移动了 1 个像素。

关于如何解决这个问题的任何想法，或者这是一个我只需要等待 Google 修复的错误？我已经做了一些搜索，但找不到其他人提到这个问题。

Answer 1

3 年后重温这个悬而未决的问题...我刚刚再次尝试了示例代码片段，现在 Chrome 中的所有内容都完美对齐，所以看起来这可能只是一个已修复的错误。

Chrome 中未对齐的有序列表项

Misaligned Ordered List Items in Chrome

css

google-chrome

alignment

html-lists

items