Fonts.com字体不会居中

Question

我正在使用来自fonts.com的网络字体“FullMoonBTW01-BlkChry”。可以通过其上方的文本框更改文本。随着文本变长，字体大小变小。整个时间，文本应该居中。

使用Arial，或Times或任何其他“普通”字体，文本中心就好了。即使使用其他一些fonts.com字体也能正常工作，但是当我尝试将FullMoonBTW01-BlkChry置于中心位置时，我得到以下内容（红线为中心）：

#myDiv .text {
    width: 100%;
    position: absolute;
    top: 140px;
    text-align: center;
    color: #222;
    font-size: 40px;
    letter-spacing: -1px;
    left: -3px;
    font-family: "FullMoonBTW01-BlkChry";
}

我也尝试过增加'left'来正确对齐它，但是根据动态变化的字体大小，它会变为居中，然后偏离居中......等等。

我也试图消除任何javascript改动，只是使用直接的html / css，但仍然偏离中心。

对于其他字体，无论大小如何，它都保持居中，因为它是全宽和text-align：center;，但是 - 使用这种字体，没有运气。

所以 - 1）为什么会这样做，2）我怎样才能让它保持中心

修改

我的HTML实际上只是：

<div class="text">TESING</div>

Answer 1

我能够复制问题，一切都结束了。

想知道它是否可能是字体转换的问题。在Fonts.com自己的网站上，它很好。如果您更改其font-trial工具的text-align CSS设置以使文本块居中，则它甚至会出现。

我打算联系他们的支持，因为看起来字体本身确实有问题。

Page 1和Page 2