블로그 줄간격 조정으로 복잡함을 깔끔함으로 해보자!

블로그에는 줄간격을 조정할수 있는 부분이 있습니다. 블로그의 스킨마다 모두 틀리겠지만 글씨 크기와 글씨체에 따라서 줄간격을 조정해야 합니다.

그렇게 함으로써 좀더 보기 좋은 본문과 블로그가 될수 있을것입니다.
그러면 글의 줄간격을 줄였을때와 늘렸을때와의 차이점을 먼저 보도록 하겠습니다.

먼저 블로그 줄 간격 120% 일때입니다.

다음으로 블로그 줄 간격 160% 일때입니다.

어느 부분이 더 깔끔하고 정돈되어 보이나요~~.//
제가 보기엔 160%로가 더 좋고, 정돈되어 보입니다. 물론 꼭 160%로 하시지 않아도 됩니다.
그냥 보이는데로 140%로 해도 되고 200%로 하셔도 됩니다.

선택은 여러분이 하시면 되고요 현재 제 블로그의 모든 글은 160%로의 줄간격입니다.


그러면 어떤 부분을 조정해야 하는지 보겠습니다

보시는데로 style.css 에서 검색 CTRL +  F 으로 line-height 을 찾습니다.
잘 보셔야 할께 line-height 은 본문 부분에도 있지만, 사이드바에도 있습니다.
그럼으로 아래처럼 .article 에 있는 line-height 을 찾아 줍니다.

.article {
width:/*@post-width*/683px/*@*/;
color:/*@post-body-color*/#8A8A8A/*@*/;
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:160%;
}

위에 보이는  line-height:160%; 을 추가 해주면 됩니다.

스킨에 따라 약간 드리기도 합니다.