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中看到的内容，以防某些操作系统/浏览器/字体版本受限：http://i.jrichmonds.com/images/180605-0921-svzi4o.jpg

Firefox和IE中的一切都很好。我在Mac，Windows和Android上看到了Chrome中的问题。它似乎依赖于字体。我检查过的大多数serif字体都有问题。低位和高位都有问题，但不同的项最终会移动1个像素。

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