IE 10 및 11에 Montserrat 글꼴이 표시되지 않습니다.

이 웹 사이트에서 http://themescreators.com/ela/ 일부 Google 글꼴을 사용하고 있습니다. 그들 모두는 Chrome, FF ...에서 잘 작동하지만 Windows 7의 IE 10 및 11에서는 "Montserrat"글꼴이 표시되지 않습니다. IE가 일부 Google 글꼴과 호환되지 않는 이유는 무엇이 문제인지 모를 일이 있습니까?IE 10 및 11에 Montserrat 글꼴이 표시되지 않습니다.

Windows 7 사이트를 방문하면 "Montserrat"h1, h2 ...이 보이지 않는 문제가 분명하게 표시됩니다.

미리 감사드립니다.

출처

2014-10-14 ThemesCreator

Win8.0 Enterprise x64 (IE 10.0.9200.17028)에서 작동합니다 (헤더가 보이지만 Chrome에서와 동일하게 보입니다). 따라서 일반적인 IE 10/11 문제는 아닙니다. – CBHacking

내가 말했듯이 iisue는 Windows 7에서만 Windows 8에 있습니다. – ThemesCreator

IE11/Windows 7이 맞고 작동하지 않습니다. –

우선 몬스터가 제대로로드되지 않은 경우 보조 글꼴을 정의하지 않았습니다. 이것이 글꼴이 디스플레이되지 않는 이유입니다.

h1, h2, h3, h4, h5, h6 { 
    font-family: Montserrat; 
    font-weight: 400; 
    font-style: normal; 
    color: #1C2334; 
}

font-family를 올바르게 설정하고 글꼴을 추가하는 것이 좋습니다.

두 번째로 Google Font Directory과 MSDN Forum에보고 된 IE11의 버그이므로 Montserrat가 제대로로드되지 않습니다. 불행히도 아직 해결되지 않았습니다.

하나의 솔루션은 Google 웹 글꼴을 다운로드하고 웹 사이트를 업로드 한 다음 css 파일에서 수동으로 정의 할 수 있습니다. 또 다른 방법은 기본 값 대신 자바 스크립트 Web Font Loader을 사용하는 것입니다.

출처

2014-10-22 08:35:21

비슷한 버그가 발생했으며 대체 글꼴이 있어도 문제가 해결되지 않았습니다. Montserrat 글꼴이 잘로드되어 폴백이로드되지 않았습니다.

CSS 규칙 font-feature-settings을 사용하면이 특정 글꼴이 Windows 7의 IE10 및 IE11에 모두 표시되는 것을 멈 춥니 다. (다른 글꼴에서도 비슷한 문제가 발생할 수 있음).

수정

는 IE의 공급 업체 특정 접두사를 사용하여, font-feature-settings의 낮은 수준의 글꼴 비틀기를 사용하지 않도록했다 :

/* Fix for IE10 and IE11 Montserrat font display issues. */ 
p { 
    -ms-font-feature-settings: normal; 
}

가능하면, 그것은 모두 font-feature-settings을 피하기 위해 아마 가장 좋습니다. 또는 각 Windows OS에서 다양한 IE 브라우저 버전을 테스트하기위한 테스트 요령이 있는지 확인하십시오. 특히 글꼴 렌더링은 브라우저 기능이 아니라 기본 OS의 기능이기 때문에 특히 그렇습니다.

출처

2015-02-07 22:30:25 leepowers

이것은 나를 위해 일한 것이다; 나는 폰트 커닝을 켰다. 이것은 – izak

IE에서 다시 정상으로 돌아 간다. 정교하게하기 위해, 이것을 넣을 곳은 반드시'p' 엘리먼트 (또는 문제가있는 엘리먼트)에있는 것은 아니지만, 스타일 시트에서'font-feature-settings '(예를 들어, 문제가되는 폰트를 사용했던 - heading을 덮어 쓰는 것) - 부모 요소에'font-feature-settings'를 지정했다면 문제를 해결하지 못할 수도 있습니다. 솔루션 * 거기 *) –

IE 10 및 11에 Montserrat 글꼴이 표시되지 않습니다.

답변

관련 문제