웹폰트

기본 형식

@font-face { font-family: NanumSquare; src: url(NanumSquareR.eot); /* IE 호환성 보기 */ src: url(NanumSquareR.eot#iefix) format('embedded-opentype'), /* IE 6 ~ 8 */ url(NanumSquareR.woff2) format('woff2'), /* WOFF2 지원 브라우저 */ url(NanumSquareR.woff) format('woff'), /* 모던 브라우저 */ url(NanumSquareR.ttf) format('truetype'); }

모든 브라우저를 대응하고 IE에서 eot파일이 아닌 woff파일을 로드받을 수 있게 하는 코드

@font-face { font-family: NanumSquare; src: url(NanumSquareR.eot); /* IE 6 ~ 8, IE 호환성 보기 */ src: local(☺), url(NanumSquareR.woff2) format('woff2'), /* IE Edge, WOFF2 지원 브라우저 */ url(NanumSquareR.woff) format('woff'), /* IE 9+, 모던 브라우저 */ url(NanumSquareR.ttf) format('truetype'); }