안녕하세요! 홈페이지를 만들다가 궁금해서 질문드립니다.

<style type="text/css">
@charset "utf-8";

@font-face {
font-family: '굴림';

}
.h2{font-family:굴림; font-size:27px; color:#FFFFFF; font-weight:800; text-shadow:3px 2px 5px #999999;}
.h3{font-family:굴림;; font-size:30px; color:#FFCC00; font-weight:800; text-shadow:3px 2px 5px #999999;}
.h4{font-family:굴림; font-size:40px; color:#006600; font-weight:800; text-shadow:3px 2px 5px #999999;}
.h5{font-family:굴림; font-size:15px; color:#000033; font-weight:800;}
.h6{font-family:굴림; font-size:15px; color:#FFFFFF; font-weight:800;}
.h7{font-family:굴림; font-size:13px; color:#FFFFFF; font-weight:800;}
.h8{font-family:굴림; font-size:14px; color:#000000;}
.h9{font-family:굴림; font-size:16px; color:#000000; font-weight:800;}
.h10{font-family:굴림; font-size:18px; color:#000033; font-weight:800;}
.h11{font-family:굴림; font-size:15px; color:#999999; font-weight:800; }
.h12{font-family:굴림; font-size:15px; color:#000000; font-weight:800;}
<!--
img { border:0 }
//-->
</style>

요런식으로 만들어서 글씨를 썼습니다.

그런데 만약 '그누보드 만만세' 라고  글씨를 쓰고 

익스플로러에서 켠거랑 구글크롬에서 쓴거랑

글씨체는 거의 비슷해보이는데 익스플로러글씨가 아주 약간 글씨와 글씨사이에 공간이생겨서

더 옆으로 퍼지는데.. 해결방법이있을까요??