【发布时间】：2013-09-27 12:24:05
【问题描述】：
我正在使用来自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>
【问题讨论】：
-
包含 div 的代码是什么？你能创建一个jsfiddle吗？
-
我无法创建 jsfiddle，因为 font-family 是 fonts.com 的付费服务，并且仅适用于我（或其他订阅者）的域。但我的 HTML 就是我在上面的编辑中添加的内容。
-
没有实时页面的链接，我们只能猜测发生了什么。屏幕截图中的那些黄点是什么？
-
“黄点”是 Chrome 在检查元素时裁剪的工具提示。 （当然欢迎有根据的猜测）