2013-04-27 4 views
1

내 사이트에서 사용하는 Thirsty Script Bold라는 스크립트 글꼴에 문제가 있습니다. 문자 간격은 문자에 따라 다르지만 다른 문자에는 맞지 않습니다. 나는 편지 간격을 만지는조차하지 않았다. 여기에 그 예가 나와 있습니다 : http://oi40.tinypic.com/2wpikgw.jpg. 보시다시피, "e"의 끝은 "b"와 완전히 병합되지 않으며 "b"는 "s"와 병합하기에는 너무 오른쪽입니다.fontface로 사용자 정의 스크립트 글꼴 자간 및 문자 간격

나는 문자 간격을 어지럽히 지 말아 봤지만 문제를 악화시키는 것처럼 보였다.

여기 여기 페이지 -

<p class="websites">Websites</p> 

내 HTML 다음은 불행하게도 fontface-

@font-face {font-family: 'ThirstyScriptBold';src: url('ThirstyScriptBold.eot');src: url('ThirstyScriptBold.eot?#iefix') format('embedded-opentype'),url('ThirstyScriptBold.woff') format('woff'),url('ThirstyScriptBold.ttf') format('truetype');} 
+0

다른 스타일은 어떻습니까? 'font-weight : normal;'과'font-style : normal;' – Sven

+0

제안에 감사 드리며 올바르게 스타일을 재설정하십시오. 두 속성을 추가했지만 문제가 여전히 있습니다. –

+1

나는 문제를 해결했다. 글자 힌팅에 문제가있는 것으로 밝혀졌고, 폰트 힌팅이 "native"로 설정된 myfonts에서 웹 폰트 패키지를 다운로드했다. 모든 도움에 감사드립니다! –

답변

0

내 CSS이야의 페이지 -

p.websites{ 
font-family: ThirstyScriptBold; 
font-size: 80px; 
text-align: center; 
margin:0 auto; 
} 

내 CSS를합니다. 그 글꼴이 표시되는 방법입니다 믿습니다. 비슷하지만 작동하는 다른 글꼴을 사용하는 것이 좋습니다. 무료로 찾으실 수 있습니다 : http://www.google.com/fonts/

+0

thats 내가 생각한 것, 단지 확인하고 싶었습니다. 나는이 글꼴에 돈을 지불 한 이래 꽤 화가났다. 그래도 도와 ​​줘서 고마워! –

+0

답변을 수락하는 것을 잊지 마세요 ... – Xarcell

+1

오른쪽! 죄송합니다. 저는 문자 그대로 방금 계정을 가지고 있습니다. 아직 익숙해 져 있습니다! –

1

이것은 글꼴의 디자인 결함처럼 보입니다. 그러나 실제로는 커닝이 부족할 수 있습니다. 대부분의 브라우저는 기본적으로 커닝을 적용하지 않지만 Firefox는 커닝을 적용하지 않습니다. 그래서 먼저 다음 사항을 추가하는 데 도움 여부를 시도 할 수 :

p.websites { 
    -webkit-font-feature-settings: "kern"; 
    -moz-font-feature-settings: "kern"; 
    font-feature-settings: "kern"; 
} 

을이 소프트웨어가 웹 글꼴 버전을 생성하는 데 사용되는 커닝 테이블을 파괴하는 것도 가능하다; 이것은 종종 발생합니다. 그러나 Webfont package sold by fonts.com에는 kerning 및 기타 OpenType 기능이 제대로 포함 된 WOFF, EOT, TTF 및 SVG 버전이 포함되어 있습니다.

0

나는 목 말라 스크립트 웹 글꼴을 사용하여 같은 문제가 발생했습니다. 파운드리 (Yellow Design Studio)는 웹 글꼴에서 모든 OpenType 기능을 제거했습니다. 이것은 커닝 데이터를 제거한 것 같습니다.

"모든 OpenType 기능과 모든 확장 된 글리프가 제거되었습니다."

Font Squirrel web font generator을 사용하여 웹 글꼴 집합을 새로 작성했습니다.