@font-face (웹폰트 구현)

@font-face{ font-family:ngwoff; src:url(NanumGothic.woff);}
@font-face{ font-family:ngeot; src:url(NanumGothic.eot);}

body, table, input, textarea, select, button{
 font-family:NanumGothic, ngwoff, ngeot;
}

나의 웹페이지에 최적화된 폰트를 다른 사용자 모두 볼 수 있도록 하고 싶을때 가장 좋은 선택안이 바로 @font-face 입니다.
'웹폰트'로 불리기도 합니다.

## woff 파일과 eot 파일을 함께 준비한다. IE 9과 비 IE 브라우저는 woff, otf, ttf 포멧을 지원하지만 eot 포멧을 지원하지 않는다. 반면 IE 6~8 브라우저는 eot 포멧만 지원하기 때문에 두 가지 포멧이 모두 필요하다. 나눔고딕 글꼴을 이미 설치한 사용자는 웹 폰트를 내려받지 않고 로컬 글꼴을 사용할 수 있도록 NanumGothic을 먼저 선언한다. 나눔고딕 글꼴(웹 폰트) 내려받기 NanumGothic.woff(982KB) | NanumGothic.eot(745KB) | NanumGothic.ttf(2.23MB) ttf 포멧은 용량이 매우 무겁기 때문에 웹 폰트로 사용하는 것은 권장하지 않는다.



### 타 브라우저에서 font-weight:bold 속성이 적용되지 않으므로 (ie는 잘 되던데......;;; ) font-weight: normal; 속성을 추가해준다!!!