저는 글자크기 12로 글을 씁니다. 그러나 이렇게 글자크기를 키우면, 줄이 상하로 너무 다닥다닥 붙어있어서 읽기 불편한것 같더군요.
그래서 그동안 줄간격을 늘려서 여유를 줄 방법이 없을까 생각했습니다. 오늘 방법을 알아낸것 같습니다.
블로그 관리하기->꾸미기->스킨편집으로 갑니다.
style.css 파일을 수정합니다. 맨 처음부분에 이런내용이 나옵니다.
@charset "utf-8";
* {
padding: 0;
margin: 0;
border: 0;
line-height: 1.6em;(추가한 줄)
}
이렇게 " line-height: 1.6em; " 라는 줄을 처음부분에 추가하면 블로그의 모든 줄간격이 글자크기의 1.6배로 맞춰지게 됩니다. 2.0이면 2배로 맞춰지는 식입니다.
바뀌기전과 후를 비교해볼까요?
줄간격을 주기전의 포스트 입니다. 너무 글자들이 위아래로 붙어있죠.
줄간격 1.6em을 주면 이렇게 여유를 가지고 글자들이 배치됩니다. 읽기 쉽겠죠. 이렇게 수정한 줄간격은 전에 올린 포스트 모두에 적용됩니다.
그러나. 중대한 문제가 하나 있습니다.
수정한 다음에는 블로그 제목과 메뉴바의 글자들이 위로 솟구쳐서 찰싹 붙어버립니다!
그럼 이방법은 못쓰는거 아니냐! 고 생각하실지 모르겠습니다. 처음에는 저도 이문제 때문에 블로그 줄간격 조정하지 말고 그냥 되는대로 살까 생각했습니다.
하지만 해결방법이 있습니다. 저렇게 제목이 위로 찰싹 붙었다면, 공간을 주어서 떼어내어 다시 중간쯤에 맞춰주면 되는거 아니겠습니까?
일단 블로그 메뉴바의 글자들부터 상하중간을 맞춰볼까요?
브라우저에서 컨트롤+F를 누르면 찾기창이 뜹니다. " .menu .inner " 를 찾아보세요.
style.css파일의 마지막쯤에서 이런 내용이 있습니다.
.menu .inner { padding-top:5px; padding-bottom:0; padding-left:20px; padding-right:20px; }
이게 메뉴바 글자위치를 설정해주는 줄입니다. 처음에는 "padding-top:0;" 라고 되어있을 겁니다. 이 옵션을 " padding-top:5px" 라고 수정하면 위에서 부터 5px 거리만큼 글자를 띄어 주게 됩니다. 자신의 블로그 메뉴바의 두께에 따라 띄우는 거리를 조정해서 가운데로 맞춰주세요.
다음으로 제목을 가운데로 옮겨봅시다.
역시 컨트롤+F를 누르고 이번에는 " .header .inner " 를 찾아보세요.
.header .inner { padding-top:75px; padding-left:0px; padding-right:0px; }
그럼 모두 적용한후에 확인을 해봅시다.
제목과 메뉴바 글자 모두 가운데에 왔습니다. 이제 완벽하게 완료 됐습니다!
이렇게 하면 텍스트큐브 닷컴 블로그 글을 쓸때, 줄간격 조정을 못한다는 문제가 해결 됩니다. 텍큐닷컴을 쓰시는 분중에 줄간격을 변경해서 가독성을 높이고 싶으신분들은 참고하세요.
다만 제가 쓰는 스킨에서만 해봣기 때문에 스킨종류에 따라 다른점이 있을수도 있습니다. 거의 비슷할거라 생각합니다만.....
그럼이만.
