무료웹폰트 본고딕 설치하기

구글에서 무료웹폰트 본고딕이라는 글꼴을 발표를 하였습니다. 웹에서 사용할 수 이는 폰트는 거의 제한적일텐데요. 나눔고딕은 글꼴이 조금 둥글둥글한 느낌이라 글씨가 커질 수록 글꼴이 사이트의 가독성을 좀 떨어뜨리는 느낌입니다. 통일된 느낌보다는 뭔가 2퍼센트 아쉬운 느낌인데요. 구글에서 발표한 무료웹폰트 본고딕 폰트로 변경을 하였습니다.

 

정보를 제공하는 사이트를 만드는데 글꼴이 둥글둥글하니 뭔가 가벼운 느낌이 들어서 글꼴을 갈아치웠습니다.

 

 

2015/12/29 - [퍼블리싱] - 나눔명조 웹폰트 추가하는 방법

 

2015/12/25 - [퍼블리싱] - 무료 웹폰트, 나눔고딕 웹폰트 및 다운로드 방법

 

 

아래는 나눔고딕 글꼴입니다.

 

 

구글 무료웹폰트 본고딕글꼴입니다. 차이가 느껴지시나요?

 

 

이전 포스팅에도 설명을 드렸는데 웹폰트는 간단하게 설치가 가능한데요. CSS에 간단하게 추가만 해주면 자동으로 반영이 됩니다.

 

 

 

 

 

 

무료웹폰트 설치는 직접 폰트를 다운로드 받아서 넣어주시는 방법과 웹에서 바로 불러오는 방식으로 나뉘어지는데 웹에서 불러오는건 사이트 트래픽에 영향을 미치지는 않지만 페이지가 로딩된뒤 화면이 한번 깜빡거리면서 재로딩이 되는점을 참고해 주세요.

 

 

 

다운로드링크로 가니 다운로드 버튼이 있는데 위의 페이지는 모든 웹폰트를 다운로드 받는 버튼이며 아래쪽에 원하시는 폰트가 나열이 되어 있습니다. 전체를 받으실 필요없이 필요한 폰트만 다운로드 받으시면 됩니다.

 

다운로드 링크 : http://www.google.com/get/noto/

 

웹폰트는 CSS에 아래 구문을 삽입해서 쓰시면 됩니다.

 

@import url(http://fonts.googleapis.com/css?family=Noto+Sans);

body { font-family: 'Noto Sans', sans-serif; font-style:normal;font-weight:100;}

 

사이트의 기독성을 위해서 웹폰트 본고딕설치를 살펴보았습니다. 이전 폰트보다 훨씬 보기가 좋더군요. 유용한 정보가 되시길 바랍니다.