? #iefix는 IE6-IE8에서로드되는 웹 글꼴을 어떻게 해결합니까?
다음과 같은 웹의 많은 기사 : http://www.fontspring.com/blog/fixing-ie9-font-face-problems 는 ?#iefix
eot URL 에 추가 할 것을 제안합니다 . 이것이 어떻게 문제를 해결할 수 있는지 궁금했습니다 . 감사.
IE8 및 이전 버전에는 src 속성에 대한 파서에 버그가 있습니다. 따라서 SRC에 둘 이상의 글꼴 형식을 포함하는 경우 IE는이를로드하지 못하고 404 오류를보고합니다.
물음표는 IE를 속여 나머지 문자열 (다른 src)이 쿼리 문자열이라고 생각하고 EOT 파일 만로드하므로 문제를 해결합니다.
다른 브라우저는 사양을 따르고 필요한 글꼴 유형 만로드합니다. ..
Paul Irish의 Bulletproof @ font-face 구문 을 읽고 다른 이유에 대해 자세히 알고 싶을 것입니다 .
대신 무엇이든 할 수 있습니다 ?#iefix
: 기본 목표는 ?#something
@Rexyz가 이미 대답했듯이 URL의 첫 번째 글꼴 파일 뒤에 를 넣는 것입니다 .
@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#FooAnything') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff') format('woff'), /* Modern Browsers */
url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
이것을 완전히 깨닫는 것은 오래된 질문입니다.
그러나이 해킹이 필요한 "그"브라우저의 버전을 찾고있는 사람들을 위해 IE <10을 지원하지 않는 경우 제거하는 것이 안전합니다.
따라서 그것을 제거하고 제공하는 모든 형식의 모든 글꼴을 열거하는 한 줄만 만드십시오.
은 ( ?#iefix
는) 다음의 문자를 ?
쿼리 문자열로 해석하는 브라우저를 중지 하므로 다른 가능한 서버 오류를 방지합니다.
참고 URL : https://stackoverflow.com/questions/8050640/how-does-iefix-solve-web-fonts-loading-in-ie6-ie8
'developer tip' 카테고리의 다른 글
웹 페이지 하단 / 상단의 자바 스크립트? (0) | 2020.11.05 |
---|---|
Log4J : 로거 인스턴스 생성 전략 (0) | 2020.11.05 |
클래스의 정적 블록은 언제 실행됩니까? (0) | 2020.11.05 |
OS X El Capitan의 "제한된"폴더 / 파일 (0) | 2020.11.05 |
인덱스 속성을 MOQ하는 방법 (0) | 2020.11.05 |