IE 8~9 CSS sans-serif Bug

기본브라우저로 크롬을 사용하는 관계로 몰랐었는데
IE 8~9 사용자들(본인 외 98% 이상의 회사 직원들)이 페이지 로딩 안된다는 항의가 있었다.

일단은 크롬 전도사로 변신하여 크롬을 친히 설치하고 사용하게 하였지만
설치해주면 뭐하나? 좀 뒤에 가보면 IE 쓰고 있는것을...

서론은 여기까지 하고

아래부터는 Internet Explorer v8~9 의 경우에 한한다.

문서모드를 아래와같이 IE=edge 또는 IE9 으로 해 놓았을때
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>

페이지가 안보이는 증상이 나타났다.

원인을 찾아보니 CSS가 문제 되었던 것이다.

관련링크들은 아래와 같다.
http://blog.designdivine.com/2011/05/ie9-disappearing-content-bug/
http://simunix.com/wordpress/index.php/2011/03/18/ie9-helvetica-bug/

순서를 재배치 하던지 JS를 패치하던지... 관두고
font 관련 css 중 sans-serif 를 사용한 것들을 모두 제거하고 문제를 해결봤다.

특별히 ckeditor 사용중이었는데,

ckeditor/skins/스킨명/editor.css
들도 모두 sans-serif를 제거해 주었다.

결론!

font-family: ..... sans-serif;
font: ..... sans-serif;
등 모두 sans-serif 제거.