0

我正在使用来自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>
4

1 回答 1

0

我能够复制问题并且一切都检查出来了。

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

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

第 1页和第 2 页

于 2013-09-27T02:59:36.483 回答