널리

• 증상
• 원인
• 해결법

이 버그는 IE에서 filter를 사용하여 opacity효과를 준 문자(영문,한글 10px이하의 문자)에 사용자 디스플레이 설정(디스플레이 등록정보 > 화면배색 > 효과 > Cleartype지정) 변경시에 아래와 같은 현상이 나타납니다.

증상

정확한 정보를 알아보기 힘들 정도로 문자가 번져 보임

원인

이 버그는 아래의 조건이 모두 만족했을 때 나타납니다

• filter:alpha(opacity=투명도);를 사용하여 문자에 투명도를 지정한 경우
• 영문 폰트를 사용하거나 10px이하의 한글 폰트를 사용할 경우 (여러 영문 폰트 적용 예제 포함)
  • Thahoma로 적용시
    
  • Verdana로 적용시
    
  • Arial 로 적용시
    
  • Font의 속성 변경시
    
• 사용자가 사용하는 브라우저가 IE6이하인 경우
• 사용자의 디스플레이 속성 중 ClearType 사용 지정

해결법

영문 폰트를 사용해야 할 경우 opacity 효과 사용을 자제하고 되도록 이면 11px이상의 한글폰트를 사용함

첨언

맑은 고딕을 기본폰트로 사용하는 사용자는 ClearType 속성을 이용하여 화면 글꼴을 다듬어 사용하고 있습니다. 비스타의 기본폰트이기도한 맑은 고딕은 네이버 검색 서비스에서도 글꼴을 지원하고 있습니다. 앞으로 맑은 고딕을 기본폰트로 사용하는 사용자의 수는 늘어 날 전망이기에 위의 이슈는 확인 후 꼭 수정되어야 합니다.