文本选择跨浏览器的错误和与ascender＆amp;小渲染

Question

我在网站上使用PMN Caecilia但无法跨浏览器获得一致的文本选择行为。下面是用于更改文本选择背景和字体颜色的自定义CSS。

::selection {
    background-color: #002d5b;
    color: white;
}

::-moz-selection {
    background-color: #002d5b;
    color: white;
}

最大的问题是Google Chrome（62.0.3202.94）。以下是一些截图：

正常渲染（没有文字选择）：

在文本选择期间渲染错误;影响同一文本块中的字符（请参阅“批次”中的“l”）

Firefox（57.0.1）：

Safari（11.0.1）：

一般来说，这些CSS属性是否允许更多地控制字体渲染？我已尝试将属性行line-height调整为1及以上，以及line-height-step，height，text-size-adjust和其他一些。看起来这种行为似乎不可控制。