IE8 : ClearType를 비활성화 하시겠습니까?

StackOverflow https://stackoverflow.com/questions/1031531

문제

IE7의 경우 추가 할 수 있습니다 

filter: none;

신체 CSS에 CSS를 통해 글꼴에서 ClearType를 비활성화합니다. 나는 그것이 제공하는 퍼지 모양을 좋아하지 않으며, 브라우저에서 실제로 일관성이 없습니다. 즉; Firefox와 IE6은 다르게 보여줍니다.

그러나 IE8은 브라우저를 IE7 호환 모드로 강제하여 다음을 사용하여 CSS 옵션을 무시하는 것 같습니다.

<meta http-equiv="X-UA-Compatible" content="IE=7" />


TL; DR : IE8에서 CSS에서 클리어 타입 글꼴을 어떻게 비활성화합니까?

도움이 되었습니까?

해결책

내가 기억하는 것에서, Internet Explorer 7+는 필터가 요소에 설정되면 cleartype를 비활성화합니다.

#target {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
}

또한 많은 사용자가 ClearType가 성가신 것으로 생각할 수 있다고 생각하십시오. 드물게 사용하십시오!

다른 팁

당신은 할 수 없습니다. ClearType는 브라우저에서 사용자 설정입니다. 특정 요소에 대해이를 비활성화하는 CSS는 대부분의 버그 일 가능성이 높으며 기능이 아니라 (동적으로 생성되거나 애니메이션 된 요소에 대해 비활성화되는 것을 보았음) 의존해서는 안됩니다.

이와 관련하여 귀하의 선호가 무엇이든 아마도 귀하의 사이트를 본 사용자의 사람은 아닐 것입니다. 그래서 왜 귀찮게합니까? Cleartype를 좋아하지 않는 사람은 이미 장애인이었을 것입니다.

메모: 필터와 함께 작동하는 이유는 필터가 브라우저에서 필터를 렌더링하지 않기 때문입니다 (Directx는 아마도 "DX"를 고려할 것입니다. 여전히 기능이 아닌 부작용을 고려할 것입니다).

노트 2: 예상대로 IE 9 기준으로 수정되었습니다. 이것은 당신이들을 수 없다는 것을 제외하고 많은 사람들이 전에 당신에게 말한 것처럼 실제로 당신이 잃을 수있는 전투입니다.

Juliano, Body {Filter : None}은 더 깨끗하고 깨끗한 솔루션입니다. 불투명도를 사용하면 어떤 상황에서는 문제가 발생합니다.

모든 ClearType 애호가에 대답하기 위해 나도 Cleartype를 좋아합니다. LCD 모니터에게는 큰 발전이라고 생각합니다. 문제는 IE가 특정 요소에서 ClearType을 사용하려고 할 때 보입니다. 더 나쁜 ClearType가 장애가있는 경우보다. 여기에는 바페가 퇴색하는 요소 (JavaScript 사용)와 imported @font-face fonts가 포함됩니다. 만약 너라면 처럼 Cleartype, 그럼 당신은 갈거야 싫어하다 이러한 상황에서 ClearType를 사용하려고 할 때의 즉, 텍스트는 칙칙하고 뚱뚱하고 못 생겼습니다.

이 경우, 가능한 경우 ClearType을 제거해야합니다.

ClearType를 비활성화하기위한 CSS 솔루션이 없습니다. IE7에서 수행 할 수있는 이유는 브라우저가 필터를 사용한 요소로 텍스트를 렌더링 한 방법의이 분산 제품이었습니다. IE8은 해킹을 더 이상 사용할 수 없도록이를 더 잘 처리합니다 (실제로 필터를 실제로 적용하지 않고는 아님).

ClearType의 사용은 사용자 선택이며 방문자에게 부과해야 할 것이 아닙니다. 개인적으로 나는 Cleartype를 정말 좋아하며, 장애가있는 사이트를 방문했다면 사이트가 정말 엉망인 것처럼 보일 것입니다.

텍스트가 다른 브라우저와 다른 운영 체제에서 다르게 렌더링된다는 사실은 함께 살아야 할 것입니다. 모든 사람에게 정확히 동일하게 보이려면 이미지를 만들어야합니다.

여기서 듣지 않는 사람들이 많이 있습니다. @Daniel Sloof는 자신이 좋은 생각인지 아닌지를 묻고 있다고 말했다. 즉, 많은 사람들이 여전히 오래된 버전을 사용하고 그 사람들 중 90%가 명확한 유형이 무엇인지 알지 못한다고 생각할 것입니다. 사이트 디버깅을 시작할 때까지. 그들은 확실히 브라우저가 얼마나 쓰레기인지 알지 못합니다. WebKit에서와 같이 매끄럽게 보이는 부드러운 기능 페이지를 디자인하려면 때때로 이상한 해킹을 받아 들여야합니다. 대부분의 사람들은 예쁜 코드보다 예쁜 사이트의 영향을받을 것입니다.

@capnhairdo는 @font -face에 대해 말할 때 Bob On입니다. IE7과 8에서 명확한 유형 으로이 글꼴을 실제로 테스트 했습니까? CT 장애인으로 정상적으로 얻을 수있는 것과 같이 많은 사람들이 끔찍하게 렌더링된다는 것을 알고 있다면 처음에는 멋진 글꼴을 선택할 때 물체를 물리 치고 Cufon과 SIFR과 같은 많은 사람들이 실행 가능한 솔루션이 아닙니다. . 우리 중 일부에게는 평범한 것처럼 보일 수 있습니다. 나에게는 내 웹 사이트가 내 이미지를 판매합니다.

Apple조차도 사이트에서 IE8에 대한 IE7 에뮬레이션을 강요하고 있다고 생각할 때 대부분의 사람들이 '권장 연습'의 사소한 편차에 의해 실제로 영향을받지 않는다는 것을 강조해야합니다. 읽을 수 있습니다. 그것은 어떤 호의도하지 않으며 CT를 통해 발생할 수있는 문제입니다! 나는 가능한 한 많은 일관성을 위해 노력하고 IE 사용자가 그 상황에서해야 할 일을 줄 수 없었습니다. Microsoft는 표준에서 벗어나려고 시도한 브라우저를 만들어서 해킹과 수정 사항을 공개하여 작업해야합니다. 그것이 문제를 해결하기 위해 버그를 활용하는 것을 의미한다면, 성능, 대역폭 또는 유용성에 큰 영향을 미치지 않는다는 것을 의미합니다! 인생은 표준 준수를 인용하는 것에 대해 엉망이 되기에는 너무 짧습니다. 나는 깔끔한 코드와 엄격한 방법론을 이상적으로 존중하지만, 당신은 자신이 완벽 함이 존재하지 않는다고 말한 것처럼 좋은 것을 가지고 있습니다. 좋은 디자인과 구조는 균형 잡힌 관점에서 비롯됩니다. 여기에 rant를 종료합니다 : -p

Cleartype는 때때로 JavaScript/Ajax 기반 솔루션에서 어리석게 보이지만이 주제는 그 질문에 대한 가능한 답변에 대한 답변이있는 이유는 왜 일부 jQuery 기반 애니메이션이 IE에서 깨지는 이유에 대한 답변입니다. 따라서 JavaScript가 불투명도로 페이드 효과를내는 경우 (Opactiy에서 0에서 0에서 0에서 0에서 0에서 0에서 0에서 0에서 0에서 100 in 10 in 1 두 번째 기간) 그런 다음 ClearType 글꼴이 희미 해지고 애니메이션이 정말 나빠 보입니다.

어떤 이유로 든 위치가있는 요소 (내부 {위치 : 상대}) - 1보다 적은 불투명도로 애니메이션되지 않습니다.

요소에 MS CSS 필터를 모두 가질 수 있으며 여전히 글꼴에서 ClearType을 활성화 할 수 있습니다. 자식 요소를 추가하고 CSS "위치"를 "상대적"으로 설정하면 ClearType가 비활성화되지 않습니다. 다음을 복사하고 시도하십시오.

<style>
#parent{
     background-color:white;
     filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=2);
     position:relative;
     border:solid 1px black;
     padding:10px;
     width:500px;
}
#child{
     position:relative; /*THIS SOLVED THE CLEARTYPE DISABLING PROBLEM IN BOTH IE7 & IE8*/ :)
}
</style>

<div id="parent">
     <div id="child">This text should always be smooth</div>
</div>
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top