■ 프론트엔드 ■/CSS
웹폰트 - 나눔고딕
serpiko
2015. 7. 6. 14:28
웹폰트 - 나눔고딕
웹폰트로 "나눔고딕, 나눔고딕 볼드, 나눔 고딕 엑스트라 볼드" 를 항상 사용하기 때문에
common.css 같은 파일에 항상 정의해서 쓰지만 폰트 적용 부분만 필요한 경우가 있기 때문에 부분적으로 포스팅
소스코드 (css + 폰트 포함)
다운로드
@charset "utf-8"; /* * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess * @import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); * @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */ @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400; src: url(../fonts/NanumGothic/NanumGothic-Regular.eot); src: url(../fonts/NanumGothic/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/NanumGothic/NanumGothic-Regular.woff2) format('woff2'), url(../fonts/NanumGothic/NanumGothic-Regular.woff) format('woff'), url(../fonts/NanumGothic/NanumGothic-Regular.ttf) format('truetype'); } @font-face { font-family: 'Nanum Gothic Bold'; font-style: normal; font-weight: 700; src: url(../fonts/NanumGothic/NanumGothic-Bold.eot); src: url(../fonts/NanumGothic/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/NanumGothic/NanumGothic-Bold.woff2) format('woff2'), url(../fonts/NanumGothic/NanumGothic-Bold.woff) format('woff'), url(../fonts/NanumGothic/NanumGothic-Bold.ttf) format('truetype'); } @font-face { font-family: 'Nanum Gothic exBold'; font-style: normal; font-weight: 800; src: url(../fonts/NanumGothic/NanumGothic-ExtraBold.eot); src: url(../fonts/NanumGothic/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'), url(../fonts/NanumGothic/NanumGothic-ExtraBold.woff2) format('woff2'), url(../fonts/NanumGothic/NanumGothic-ExtraBold.woff) format('woff'), url(../fonts/NanumGothic/NanumGothic-ExtraBold.ttf) format('truetype'); }