html - 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";
}

我也试过增加“左”以正确对齐它，但根据动态变化的字体大小，它会先居中，然后偏离居中……等等。

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

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

所以 - 1) 为什么要这样做，以及 2) 我怎样才能让它保持居中

编辑:

我的 HTML 实际上只是:

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

Answer 1

我能够重现该问题，一切都已检查完毕。

想知道这可能是字体转换的问题。不过在 Fonts.com 自己的网站上它很好。如果您更改他们的字体试用工具的文本对齐 CSS 设置，使文本 block 居中，它甚至会出现。

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

Page 1和 Page 2