샘플에 나눔고딕을 적용했는데, 실제로 배포해야 하는 것이 귀찮...

그래서 방법을 찾다가 심플하게 구현하는 방법이 있길래 알려드립니다.


구글웹폰트를 활용하는 방법이고요, 상업적인 용도로도 무료라고 하네요.


사용방법은 매우 간단합니다.

구글에서 작성해둔 css파일을 import 한 뒤에 폰트를 사용하면 끝입니다.


사용방법 : ex) css에서 p 태그에 폰트 설정하는 경우

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);


....

/* 나눔고딕 */

p { font-family:'Nanum Gothic'; }

...

/* 나눔고딕코딩 */

p { font-family:'Nanum Gothic Coding'; }


해당 CSS 링크로 가 보면 실제 코드를 볼 수 있습니다.

어쨌든 로딩시간이 있다는 웹폰트의 단점은 그대로.


구글웹폰트 : http://www.google.com/fonts/earlyaccess

위 링크에서 Nanum을 검색하면 사용방법과 지원하는 폰트를 확인할 수 있으니 참고하세요.


+ Recent posts