작성일자
카테고리 폰트/한글폰트

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

 

 

나눔펜은 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


 

 

 

 

저작자 표시 비영리 변경 금지
신고
BlogIcon 호갱2

정말 감사합니다!!

티스토리초보

티스토리 초보라 어떻게 꾸밀지 둘러보다가 좋은 글 잘 읽고 갑니다. 감사합니다!!

비밀댓글입니다

홀리

import 방식으로 올려주신 구글 드라이브 링크 감사히 사용중이었습니다. 며칠 전부터 웹폰트가 적용되지 않아 확인해보니 구글 드라이브 링크에 에러가 뜨네요. 제가 웹폰트 업로드를 해보려고 하니 서치를 해봐도 어떻게 하는 건지 잘 설명되어 있는 글을 찾기 힘들더라고요. 어떻게 해결할 수 있을까요?

BlogIcon 베누시안

http://martian36.tistory.com/1392

위 글을 참고하세요.

티스토리 툴바