워드프레스 쇼핑몰, 웹사이트

블로그

나눔체 중 바른 고딕이 구글에 웹폰트로 등록돼있지 않아 웹폰트로 변환했습니다. 바른 고딕은 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;  }







댓글 (4)

댓글 목록

PtWare access_time

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

유승우 access_time

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

주선미 access_time

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

Jianist access_time

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

Here is our team

Thumbnail Image

Gigi Hadid
Model

You can write here details about one of your team members. You can give more details about what they do. Feel free to add some links for people to be able to follow them outside the site.

Thumbnail Image

Christian Louboutin
Designer

You can write here details about one of your team members. You can give more details about what they do. Feel free to add some links for people to be able to follow them outside the site.

Thumbnail Image

Kendall Jenner
Model

You can write here details about one of your team members. You can give more details about what they do. Feel free to add some links for people to be able to follow them outside the site.