Windows의 글꼴 다듬기

나는 새 웹 사이트에서 고담이라는 글꼴을 사용하고 있습니다. 그것은 글꼴 얼굴 준비가 아니었고, 그래서 나는 그것을 직접했습니다. 그것은 내 Mac에서 잘 작동하며 Chrome 및 Safari의 Windows 컴퓨터에서도 잘 작동합니다. 그러나 글꼴은 IE와 FireFox에서 매끄럽게 렌더링되지 않습니다Windows의 글꼴 다듬기

차이점은 첨부 된 이미지를 참조하십시오. (새로운 등록 사용자이므로 아직 이미지를 게시 할 수 없으므로이 스크린 샷 링크를 참조하십시오. http://i45.tinypic.com/f35hqq.png

이것은 설정 방법입니다. 글꼴이 표시되어 있기 때문에 괜찮은 것 같습니다. 모든 브라우저, 그냥 렌더링는 Windows의 모든 브라우저에 최적화되지 않습니다.

@font-face { 
font-family: 'gotham-light'; 
src: url('../fonts/gotham-light/gotham-light.eot'); 
src: url('../fonts/gotham-light/gotham-light.svg#gotham-light') format('svg'), 
    url('../fonts/gotham-light/gotham-light.woff') format('woff'), 
    url('../fonts/gotham-light/gotham-light.ttf') format('truetype'), 
    url('../fonts/gotham-light/gotham-light.svg#gotham-light') format('svg'), 
    url('../fonts/gotham-light/gotham-light.eot?#iefix') format('embedded-opentype'); 
}

이? 아마 jQuery를 솔루션 또는 뭔가?

출처

2012-10-27 ton89

당신이 필요한 모든 글꼴 유형을 포함 시켰를 해결하는 방법은 없나요? 각 브라우저는 다른 글꼴 형식을 인식합니다. 글꼴 다람쥐 :과 같은 서비스를 사용하여 웹에서 사용할 글꼴을 변환 한 경우3210을 사용하려면 각 글꼴 유형과 플러그인 예제 (아래 참조)를 제공해야합니다. @ font-face 선택자에 각 형식을 포함시켜 모든 브라우저에서 글꼴을 최적화해야합니다 :

@font-face { 
    font-family: 'gotham'; 
    src: url('../font/gothamfont.eot'); 
    src: url('../font/gothamfont.eot?#iefix') format('embedded-opentype'), 
     url('../font/gothamfont.svg') format('svg'), 
     url('../font/gothamfont.svg#gotham') format('svg'), 
     url('../font/gothamfont.woff') format('woff'), 
     url('../font/gothamfont.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
}

희망이 도움이됩니다! 고담은 멋진 글꼴입니다 :)

편집 : Windows 글꼴이 제대로 표시되는 데 문제가 있습니다. 저는 정기적으로 Mac OS와 Windows를 사용하며 많은 불일치를 발견합니다. 나는 당신이 주요 브라우저의 개입없이 할 수있는 모든 것을 해냈다고 생각한다. 행운을 빕니다!

출처

2012-10-29 05:02:05

Windows의 글꼴 다듬기

답변

관련 문제