Fonts.com字體不會居中

我從fonts.com使用網絡字體「FullMoonBTW01-BlkChry」。文本可以通過上方的文本框進行更改。隨着文字變長，字號變小。整個過程中，文本應該集中。Fonts.com字體不會居中

使用宋體，或時間或任何其他「正常」字體，文本中心就好了。甚至與其他一些fonts.com字體它工作正常，但是當我嘗試有FullMoonBTW01-BlkChry中心，我得到以下（紅線爲中心）：

not centered text

#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，但仍偏離中心。

對於其他字體，無論大小如何，它都保持居中，因爲它是全寬和文本對齊：center ;,但是 - 使用此字體，沒有運氣。

所以 - 1）它爲什麼會這樣，和2）我怎樣才能使它保持居中

編輯：

我的HTML是真的只是：

<div class="text">TESING</div>

來源

2013-09-27 Dave

什麼是你的包含div代碼？你可以創建一個jsfiddle嗎？ – Jacques

我無法創建jsfiddle，因爲font-family是來自fonts.com的付費服務，僅適用於我的（或其他用戶）域。但我的HTML字面上正是我在上面的編輯中所做的。 – Dave

沒有鏈接到實時頁面，我們只能猜測發生了什麼。屏幕截圖中的那些黃點是什麼？ –

我能夠複製這個問題並且所有的東西都被檢出。

想知道它是否是字體轉換的問題。在Fonts.com自己的網站上，雖然沒有問題。如果您更改其字體試用工具的文本對齊CSS設置以居中文本塊，它甚至會出現。

我將聯繫他們的支持，因爲它看起來像字體本身真的有問題。

Page 1和Page 2

來源

2013-09-27 02:59:36 jsuissa

你已經完全複製了我的問題（謝謝！） - 它不是文本大小 - 它是**不居中**（也是你的）。我提到了文字大小，因爲我動態地改變了它，所以我不能僅僅使用CSS將X像素偏移到「假中心」等等。 – Dave

你絕對是對的，出於好奇將聯繫他們的支持。 – jsuissa

非常棒 - 期待聽到他們說的話。附註 - 我尋找支持聯繫，但無法找到任何地方。 – Dave

Fonts.com字體不會居中

回答

相關問題