[CSS] font-face

이번에 font-face를 사용해서 홈페이지를 만들었는데 문제 발생을 하였다.

아래처럼 작업했더니 웹호스팅에서 적용을 못해주는거였다. 서버도 다 환경에 맞게 수정했는데도 안되었다.

   
@font-face{
    font-family:NanumBG;
    src:url(/front/com/font/NanumBarunGothic.eot);
    src:local(NanumBarunGothic), url(/front/com/font/NanumBarunGothic.woff) format('woff');
    src:local(NanumBarunGothic), url(/front/com/font/NanumBarunGothic.ttf) format('truetype');
}

[보완 : 아래처럼 써보길]

@font-face{
    font-family:ng;
    src:url(NanumGothic.eot);
    src:local(※), url(NanumGothic.woff) format(‘woff’),
	url(NanumGothic.otf) format(opentype)
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
  src: url(../fonts/NanumBarunGothic.eot);
  src: url(../fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothic.woff) format('woff'),
       url(../fonts/NanumBarunGothic.ttf) format('truetype');
}