기본스킨으로 본문을 볼 때 글자들의 줄 간격이 붙어 있어서 글을 읽기 불편해요. 티스토리에 기본 값으로 되어 있는 설정을 조금 넓혀줌으로써 글을 읽기 편하게 만들어 줄 수 있어요.
줄 간격이란 아래와 같이 그 글을 블록으로 지정하였을 때 블록의 처음부터 아랫줄의 블록이 시작되기 전까지의 높이를 말해요.
관리자 모드에서 '스킨 > HTML/CSS 편집 > syle.css' 부분을 수정해야 해요.
'Ctrl + F' 키를 눌러 '.article '를 찾아요. 티스토리에서 article 부분은 모두 본문과 관련된 설정이에요. 네이버에서 article 단어를 검색해봤어요.
.article { } 안에 line-height:1.6; 을 추가했어요. 본문 글을 줄 간격을 1.6배로 하라는 의미에요.
.article {
width:/*@post-width=*/683px/*@*/;
color:/*@post-body-color=*/#6a6a6a/*@*/;
font-size:/*@post-body-font-size=*/12px/*@*/;
font-family:/*@post-body-font-family=*/dotum/*@*/;
word-break:break-all;
word-wrap:break-word;
overflow:hidden;
line-height:1.6;
}
.entry .article a {color:#8A8A8A; text-decoration:underline; }
width:/*@post-width=*/683px/*@*/;
color:/*@post-body-color=*/#6a6a6a/*@*/;
font-size:/*@post-body-font-size=*/12px/*@*/;
font-family:/*@post-body-font-family=*/dotum/*@*/;
word-break:break-all;
word-wrap:break-word;
overflow:hidden;
line-height:1.6;
}
.entry .article a {color:#8A8A8A; text-decoration:underline; }
참고로 line-height 의 사용법을 정리해봤어요.
줄간격을 나타내는 "line-height" - 문단에서 줄과 줄 사이의 공간을 지정
line-height: normal | <수치> | <길이> | <백분율> | inherit
line-height: normal | <수치> | <길이> | <백분율> | inherit
normal : 기본값, 브라우저 기본값
<수치> : 절대적 단위 - cm, mm, in, pt, pc, px
상대적 단위 - em, ex
<백분율> : 퍼센트(%) - 글꼴 크기에 비례하여 적용
inherit : 기본적으로 아무것도 설정하지 않으면 상위의 설정값을 상속
단위가 없는 수치 값을 권해요. 단위가 있을 때는 글자크기에 따라서 겹쳐 보일 수 있어요. 단위가 없을 때는 그 글자의 크기에 맞는 배율 값으로 설정이 돼요. 1.6~1.8 혹은 2를 추천해요.
'Blog tip' 카테고리의 다른 글
| 티스토리, 파비콘(favicon.ico)을 등록하자. (0) | 2010/06/29 |
|---|---|
| 티스토리, 본문 줄 간격을 조절하자. (0) | 2010/06/27 |
댓글을 달아 주세요