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

나눔체 중 바른 고딕이 구글에 웹폰트로 등록돼있지 않아 웹폰트로 변환했습니다. 바른 고딕은 4종입니다. 본고딕과 아주 흡사합니다. 


NanumBarunGothicBold.zip


NanumBarunGothicLight.zip


NanumBarunGothicRegular.zip


NanumBarunGothicUltraLight.zip


구글 드라이브


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


@import url("https://googledrive.com/host/0BxmAw3HA4YGCflZpYWI1M3BIYUI2Zm9CUDhKaXVqZGFYV29CQ05xN2pKTlo5YjVWUkJPeWs/nanum-barun-gothic-bold.css");

@import url("https://googledrive.com/host/0BxmAw3HA4YGCfkJWdlpTdWd6NndmT3BZaXR5ek1oSTBsYVotUmJuQWtKSnV2QVJXa3g4dn/nanum-barun-gothic-light.css");

@import url("https://googledrive.com/host/0BxmAw3HA4YGCfmhCUFc0SGdQbVlJcllDU2NPYUp6WlFDT1RPem5Eb2lMZm16c0R4N0J2VVU/nanum-barun-gothic-regular.css");

@import url("https://googledrive.com/host/0BxmAw3HA4YGCflFhbGlxS01kS0RnSHFDYmlUZ1dVU2VCRGRiSGlnak1uN2lNUHVwRy1lUVU/nanum-barun-gothic-ultralight.css");


CSS 예제


.nanum-barun-gothic-bold { font-family:nanum-barun-gothic-bold !important; }

.nanum-barun-gothic-regular { font-family:nanum-barun-gothic-regular !important;  }

.nanum-barun-gothic-light { font-family:nanum-barun-gothic-light !important;  }

.nanum-barun-gothic-ultralight { font-family:nanum-barun-gothic-ultralight !important;  }







저작자 표시 비영리 변경 금지
신고
BlogIcon PtWare

나눔바른고딕 웹폰트가 없어 기본 폰트로 사용했는데, 덕분에 나눔바른고딕 적용했습니다^^
즐거운 주말 보내시기 바랍니다!

유승우

와 바른고딕이 뭔가 각지고 정돈된 느낌이 있어서 사용하고 싶었는데.. 감사합니다!

주선미

웹폰트 변환은 어떤방법으로 하셨나요?? 기존 폰트보다 훨씬 용량이 적어서 좋은 듯 해서요~
답변부탁드릴게요!!!

BlogIcon Jianist

light는 링크가 날라간거 같습니다ㅠㅠ

티스토리 툴바