[티스토리] 글씨체 변경 쉽게 따라하기 ! (나눔고딕 폰트 사용)

 

1 가독성을 높여보자 !

 

 블로그를 운영하면서 사용자들에게 눈에 띄게 글을 포스팅하고 작성하려면 어떤 방법이 존재할까? 필자는 우선적으로 글자체를 변경하여 가독성을 높이는 방법이 가장 먼저라고 생각이된다.

 

 

 

 필자의 블로그 포스팅 한 부분을 가져와봤다. 최근들어 가독성에 신경써본다고 작성을 해보았는데, 일반 글꼴보다는 '나눔고딕' 글꼴이 훨씬 눈에 보기 좋고 깔끔하니 좋아보인다. 그만큼 폰트가 중요하고 필자는 생각한다.

 

 보통은 맑은고딕 아니면 나눔고딕 글꼴을 많이 사용하고 있으며, 가독성에 상당히 좋다고 느껴지는 폰트이다.

 

 

폰트(나눔고딕) 적용방법

 

 우선 기본적으로 블로그에 맑은고딕 폰트는 깔려있지만, 나눔고딕은 직접 설치를 해야 한다.

 

 NanumGothic.zip

 

 나눔고딕 폰트를 다운 받은 후, 티스토리 관리자 페이지로 들어간다. 그 후에 관리자 페이지 내에서 HTML/CSS 편집을 클릭한다.

 

 그러면 이와 같은 창이 뜨게되며 HTML 및 CSS, 파일업로드할 수가 있다.

 

 

 

 파일업로드에 들어가서 추가 버튼을 클릭한 후, 아까 다운받은 나눔고딕 파일(압축해제)을 올려준다. 그리고 저장을 누르면 성공적으로 업로드가 완료된다.

 

 

 업로드가 완료되면 CSS파일 수정이 필요하다. CSS탭으로 들어가서 최상단의 빨간색 박스와 같이 수정을 한다. 이때 font-family에서 나눔고딕, 맑은고딕 순서로 해놨는데 이는 나눔고딕으로 출력하되 없으면 맑은고딕으로 출력을 하라는 말이다. 즉, 맑은고딕부터 보여주고 싶으면 맑은고딕부터 작성을 하면 된다.

 

@font-face{
 font-family : 'NanumGothic';
 font-style : bold;
 font-weight : normal;
 src : url('./images/NanumGothic.eot');
}

 

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,

legend,textarea,blockquote,th,td,input,

select,textarea,button,fieldset,img,dl,ul,ol,menu,li {
 margin:0;
 padding:0;
 border:0;
 line-height:1.7;
 font-family: "나눔 고딕", NanumGothic, "맑은 고딕", Malgun Gothic  ;
}

 

 

 최종적으로 변경이 완료되면 저장버튼을 클릭하면 적용이 된다.

 

관련글 더 보기

 [일상/티스토리, 정보] - [티스토리] 유입로그(유입경로)에 대해 파해쳐보자 !

 [일상/티스토리, 정보] - [티스토리] 유입로그 KAKAOTALK 의 정체는?

 [일상/티스토리, 정보] - [티스토리] 네이버naver.com 구글google.com 의 정체는 !?

 [일상/티스토리, 정보] - [티스토리] 사진 테두리(틀) 지우는 방법

↓ 공감 을 눌러주시면 블로거에게 큰 힘이 됩니다 !