Jquery 尝试使用动态字母间距拉伸时，将问题与字体对齐

我正试图证明一些“一个词”的说法是正确的，我有一个jQuery脚本，它可以从这个网站上的另一个问题中实现，我在我的网站上实现了它。问题是它可以工作，但并不完美，它在直线的极端留下了一些空间。经过大量调试，我发现这是因为我使用的谷歌字体，或者更好：我认为这是问题的原因，如果我使用默认字体，它工作得很好

另一件非常奇怪的事情是，如果我调整浏览器的大小（我使用的是Chrome），问题就会消失，只有在我刷新页面时才会出现

现在，对于代码，出于某种原因（可能是调整大小的问题），我无法在更简单的JSFIDLE中重现错误，但我可以链接该网站，并在需要时提供任何其他代码

---

请看第一行末尾的“B”，我已经设置了一个网格来突出问题。

您是否尝试过将左右边距样式设置为零或自动？

我第一次访问它时，它与红色边框重叠。。。第二次（不调整大小，看起来不错）。你能复制吗？打开“实时问题”并点击刷新。。。你看到了什么？每次我刷新时，我都会看到B与红色边框重叠。你希望字母始终与红色边框齐平，对吗？也。。。你看到“应用程序”这个词一直在起作用吗？只是在这个阶段进行故障排除：-）是的，我希望它完全对齐，但我找不到解决方案。