html - Fonts.com フォントが中央に表示されない

Question

fonts.com の Web フォント「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>