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 回答