무료 웹폰트, 나눔고딕 웹폰트 및 다운로드 방법

호스팅의 트래픽을 조금이라도 줄이기 위해서 웹폰트를 사용하는것이 요즘 트렌드인데요. 서버에 크나큰 문제가 생기지 않는한 웹서비스하는데에는 아무런 지장이 없어서 트래픽을 줄이고자 웹폰트로 설정을 해서 폰트를 사용하는 방법을 추천드립니다.

 

무료 웹폰트의 경우 공개용으로 배포가 된 나눔고딕 폰트가 대표적인 케이스인데요. 구글에서 다행히도 제공을 해주고 있었습니다. 무료 웹폰트, 나눔고딕 웹폰트 및 다운로드 방법에 대해서 알아보도록 하겠습니다.

 

우선 아래 주소를 확인해주세요.

구글 웹폰트 주소 : https://www.google.com/fonts/earlyaccess

 

구글에서는 무료 웹폰트를 제공하며, 다운로드까지 방법및 적용법을 친절하게 안내를 하고 있습니다.

 

 

 

구글웹폰트에 접속을 하시면 보실 수 있는 화면입니다. 폰트이름과 링크, 사용방법을 안내하고 있습니다. 나눔고딕 웹폰트도 다운로드 할 수 있는 링크를 제공합니다.

 

 

 

 

 

사용법은 정말 간단합니다. CSS파일에 임포트를 시켜준뒤 폰트를 적용하면 되는데요. 살펴보도록 하겠습니다.

 

우선 나눔 웹폰트를 영문으로 찾아 찾아주시면 해당되는 부분을 발견하실 수 있습니다.

 

 

폰트적용 및 다운로드도 제공하고 있습니다. 웹폰트로 적용을 하시는 방법과 다운로드 하셔서 서버에 직접올려서 적용을 하실 수 있습니다.

 

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

 

우선 임포트 부분을 보시죠. 이문구를 그대로 복사하셔서 CSS파일에 넣어주시면 되는데요. 익스플로러 버전이 7이하의 오래된 버전일 경우 제대로 동작을 안할 수 있습니다.

 

font-family: 'Nanum Gothic', sans-serif;

 

나눔고딕 적용부분입니다. 보통 body 태그에 붙여서 적용을 하게 되면 문서전체에 적용이 됩니다.

 

오늘은 무료 웹폰트, 나눔고딕 웹폰트 및 다운로드 방법에 대해 알아보았습니다.