Fonts.com 글꼴이 가운데에 맞지 않습니다.

Question

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"; 
} 

또한 올바르게 맞추기 위해 '왼쪽'을 늘리려고 시도했지만 동적으로 변하는 글꼴 크기에 따라 중심이 바뀌고 중심에서 벗어납니다 ... 등.

나는 또한 모든 자바 스크립트 변경 사항을 제거하고 그냥 똑바로 html/CSS를 사용했지만 여전히 중심에서 벗어났습니다.

크기에 관계없이 글꼴은 전체 너비와 텍스트 맞춤 : 중앙에 있기 때문에 가운데에 머물러 있지만 글꼴은 운이 없습니다.

그래서 - 1) 왜 이런 짓을 했을까, 2) 나는 그것이 중심으로 유지하는 방법을 만들 수 있습니다

편집 :

내 HTML은 문자 그대로 그냥 :

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

Answer 1

I 문제를 복제 할 수 있었고 모든 것이 체크 아웃되었습니다.

글꼴 변환에 문제가있을 수 있습니다. Fonts.com 자체 사이트에서는 괜찮습니다. font-trial 도구의 텍스트 정렬 CSS 설정을 텍스트 블록 가운데에 맞추기 위해 변경하면 텍스트가 나타납니다.

글꼴 자체에 문제가있는 것처럼 보이기 때문에 지원에 문의하겠습니다.

Page 1 및 Page 2