我正在使用来自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";
}我也尝试增加“左”来正确地对齐它,但取决于动态变化的字体大小,它变得居中,然后关闭centered...etc。
我也尝试过消除任何javascript的修改,只是使用了直接的html/css,但仍然以不为中心。
对于其他字体,不管大小如何,它都保持中心位置,因为它是完全宽度和文本-对齐:居中;但是-使用这种字体,没有运气。
那么- 1)它为什么要这样做? 2)我如何使它保持中心位置?
编辑:
我的HTML实际上就是:
<div class="text">TESING</div>发布于 2013-09-27 02:59:36
我能够复制这个问题,一切都得到了证实。
不知道这是否可能是字体转换的问题。不过,在Fonts.com自己的网站上,这很好。如果您更改其字体试用工具的文本对齐CSS设置,以居中显示的文本块。
我要联系他们的支持,因为看起来字体本身确实有问题。
第1页和第2页
https://stackoverflow.com/questions/19040817
复制相似问题