본문 바로가기

Tistory

티스토리 본문 글자간격, 줄간격, 폰트 변경으로 블로그 가독성 높이기

어떻게 하면 나의 티스토리 블로그 가독성을 높일 수 있을까요?

블로그를 운영하면서 드는 고민 중 하나가 내 블로그의 글들을 모든 사람들이 편하게 읽을 수 있을지 의문이 듭니다. 

사람들이 편안하게 긁을 읽는 조건은 어떤 것들이 있을까요?

무조건 폰트크기를 크게 한다고 해서 잘보이는 것은 아니겠죠.
블로그의 디자인 컨셉에 맞는 폰트선택 줄간격, 글자간격, 폰트색상등 많은 요소들이 맞아 들어가야지 긁을 읽는데

피로감 없이 편안하게 읽을 수 있는 것 같습니다.

티스토리에서 기본적으로 제공하는 글의 줄간격, 글자간격은 조금 가깝에 붙어 있기 때문에 글을 보는데 조금
불편합니다. 기본값을 왜 이렇게 설정해 놨는지 모르겠군요.

 

그럼 티스토리 본문 글속성 변경방법을 알려 드리겠습니다.
*제 블로그는 폰트는 맑은고딕,  줄간격 210% , 폰트사이즈 10px, 글자색 #353535, 글자간격은 기본값을 사용하였습니다.

티스토리 관리자 모드에서 HTML/CSS 편집에 들어갑니다.

 

 

Ctrl + F 누르신 후 찾는 문자열에 .article 입력 후 찾기 버튼을 누릅니다.

Style.css  .article a:link  위에 .article 이동되는지 확인 합니다.

 

 

 

 

.article 안의 내용들을 수정해 주면 됩니다.
*정하시기 전에 꼭 스킨->보관함에 저장을 한번 하신 후 적용하시기 바랍니다. 혹시 문제가 생기면
저장해 놓은 스킨을 다시 적용시키면 원상복구 됩니다.

 

 

 

 

*@post-body-font-family=*/Malgun Gothic 맑은 고딕 폰트로 변경하시고 싶으시면 Malgun Gothic 입력합니다.
아마 기본폰트는 다른것을 지정 되어있을 것입니다.

 

color:/*@post-body-color=*/#353535  #353535으로 변경하시면 제 블로그의 글자 색과 똑같아 집니다.
RGB 색상표를 이용해서 바꿔주시면 다른색상으로도 변경 가능합니다.

2013/12/08 - [컴퓨터/소프트웨어] - RGB코드 추출 프로그램

 

hidden; 뒤에 line-height:210%; 추가 해주시면 줄간격이 조정됩니다. 210% 바꾸시면 줄간격을 늘릴수도

있고 줄일 수도 있습니다.

 

저는 기본 글자간격이지만 간격을 바꾸시고 싶으시면 line-height:210%; 뒤에 letter-spacing:1px; 추가

해주시면 됩니다.
1px값을 바꾸시면 글자간격을 마음대로 조정가능합니다.

 

모두 수정 후 저장버튼 누르시면 블로그에 적용됩니다.