나눔 바른펜 웹폰트 사용하기

나눔 바른펜은 네이버에서 만든 폰트 시리즈 중 하나로 정직하게 꾹꾹 눌러 쓴 듯한 손글씨체로 고딕체를 바탕으로 하여 담백하고 절제된 느낌이라고 합니다. 구글 웹폰트에 이미 여러 가지가 업로드 돼있지만 나눔 바른펜은 없어서 웹폰트로 변환했습니다.

 

 

나눔펜은 R(Regular)과 B(Bold) 버전이 있습니다. 두가지 모두 작은 글자라도 손글씨 치고는 바른 글자라서 가독성이 좋습니다. 감성이 필요한 블로그 글에 사용하면 좋을 듯 합니다.

 

Nanum-barun-pen.zip

 

@import url("https://googledrive.com/host/0BxmAw3HA4YGCfkpJRUw0RGNraDFnVzRFdjhaQnRFQ3BzZ00tRFZobGlKcmprb1hiSUFvZkE/nanumbarunpenr.css");
@import url("https://googledrive.com/host/0BxmAw3HA4YGCfnE1U2tYVjN2UkVLWnEzaVdsWDRUZ3VFbmpJckF3UG56WkpLSUxKMXFaTlU/nanumbarunpenb.css");

구글 드라이브에 파일을 업로드 했으니 스타일시트에 위처럼 사용할 수도 있습니다. 경로가 길어서 구글의 URL 단축기(Shortner)를 사용해봤지만 적용이 안됩니다. 서버에 설치하면 보다 짧아지겠는데 제 서버는 트래픽 제한이 있어서 많은 링크가 있을 경우 감당하지 못할 것 같습니다.

 

.nanumbarunpenr { font-family:nanumbarunpenr !important; font-size:18px; }
.nanumbarunpenb { font-family:nanumbarunpenb !important; font-size:18px; }

폰트 적용은 위와 같이 폰트 패밀리를 설정하면 됩니다. 위 @import 규칙을 사용해보시고 속도가 어떤지 점검해보세요. 구글은 서버가 가장 가까운 곳이 대만에 있지만 빠릅니다.

웹폰트를 자신의 서버나 호스팅에 설치하고 사용하고자 할 경우 아래의 글을 참고하세요.

http://martian36.tistory.com/1392