字体选择看起来不合适

Question

我在突出显示文字时遇到问题。这是普通的HTML文本。当选择文本时，选择看起来像下面的图像，即选择看起来向下移动，也许它从小案例字符位置开始，不考虑大写字母。

这里的字体是“dejavuserif”，附带的基本CSS是

text-align: justify;
line-height: 1.4em;
text-indent: 1em;
font-family: "DejaVuSerif",serif;
font-size: 16px;

突出显示的文字如下所示，

任何人都可以解释为什么会这样。除了更改字体以外还有其他方法可以避免这种问题吗？

谢谢！