블로그에 나눔고딕 웹폰트를 적용시켜보자

저는 가장 읽기에도 편하고 이쁜 글씨체가 가로세로 폭도 조화롭고 선명하며 또렷해보이는 고딕체들

이라고 생각하는데 어떠신가요?

기본적으로 대부분의 컴터에는 맑은고딕,돋움,굴림 같은 기본체들이 깔려있지만

가장 많이들 선호하는 나눔고딕은 네이버에서 따로 받아 컴안에 저장해야 보이게 되죠.

 

뿐만 아니라,

실컷 보기 좋으라고 css에서 블로그 본문글꼴을 나눔고딕으로 보이게 정해논다 한들..

접속해 들어와 보는 사람의 컴에 요게 설치안되어 있으면 이건 말짱 도루묵 이라는 말씀!!!

 

이런분들에게 강제적으로! 블로그 주인장이 보여주고자 하는 글씨체로 보여주려면?

구글에서 받을수 있는 웹폰트를 css에 넣어주면 된답니다~자, 어떻게 하면 될까요.

 

▒관리자페이지에서 HTML/CSS 편집으로 들어갑니다.

 

 

아래의 style.css 창의 맨 위에 보면 @charset~~~어쩌구 하는 첫줄이 보이지요?

바로 아래에 @import url(http://fonts.google~~하는 폰트코드를 넣어주어야 하는데요, 

메모장 안에 넣었으니 받아서 복사하신후 붙여넣으세요~

 

나눔고딕css.txt

다운로드

 

바로 아래 보시면 body 전체에 적용되는 글씨체를 직접 설정해줄수 있는데,

스킨에 따라서 font-family로 나와있는 분들도 계실겁니다. 그부분 맨 앞에 'Nanum Gothic'~~~을 넣어주면

블록 전체에 적용이 되는거죠.

 

 

만약 컨텐츠와 사이드바등에 각각 다른걸로 넣고 싶을때는 각자 설정을 따로 해주어야 하는데요,

게시글 안에 만은 맑은고딕을 쓰고 싶다 하면,

좀 아래에 있는 article 이라는 부분을 찾아서 위와 같은 방법으로 똑같이 하면 됩니다.

 

 

여기저기 모조리 다 뜯어 고치고 싶다면?

재빨리 찾아낼수있도록 키보드에서 CTRL+f 를 눌러 font 라고 입력한뒤에 좌르륵 찾아 하나하나 고치시면 되죠.