标题中的字符在选择后未完全呈现

Question

在我的Django应用程序中，我在几个地方使用Lobster font，包括在主页上显示应用程序的标题：

  

html的略微简化版本如下所示：

<div class="jumbotron" align="center">
    <h1 class="fancy">Miniquad Maps</h1>
</div>

和.fancy的css是：

.fancy {
    font-family: 'Lobster', cursive;

}

今天我注意到有时某些角色会被切断。例如，注意“Miniquad”中的“d”和“maps”中的“s”：

  

我可以通过用鼠标选择有问题的字母，然后取消选择它们，相当一致地重现这种效果。

您还可以看到有时在选择期间可以突出显示整个角色：

  

有时候一部分角色没有突出显示：

  

我的问题（出于好​​奇心而不是其他任何事情）是：选择后呈现字符的方式导致这种情况的原因是什么？是否是由于我在自己的代码中做错了？是我的浏览器（Chrome）吗？引导？龙虾字体？

我正在努力扩展我对网站开发和设计的了解，我们将不胜感激。

更新

正如 @andi 在评论中指出的那样，这似乎并不特定于我的网站。使用帖子顶部链接的Goggle Fonts页面上的Lobster字体可以找到相同的内容。在学习了这个之后，我测试了一些其他类似的字体，发现Lobster并不是唯一具有这个特性的人。例如，Molle font也是如此。