본문 바로가기

블로그

티스토리블로그 줄간격 조정하여 가독성 높이기

 

 

 

이블로그는 최근에 새로 만든 블로그인데

새로만들어서 스킨도 선택해서 적용하고 나눔글꼴도 적용하고 해서 ....

나름대로 열심히 노력을 했는데...

 

글을 써보니 무언가 포스트가 산만해 보이고

중요한 것은 가독성이 떨어지고 쉬이 눈에 피로감이 왔습니다

 

그래서 무엇때문인가 하고 예전 블로그와 비교해보니

글의 줄간격이 지나치게 좁아서 가독성이 유난히 떨어지는 걸로 판명되었습니다.

 

그래서 스킨도 이것저것 뒤져보고.. 플로그인도 확인해보고 했지만

글의 줄간격을 줄이는 것은 없었습니다.

 

그래서 열심히 웹검색을 해보니

티스토리 블로그 글의 줄간격을 조정하는 것은 HTML/CSS를 일부 수정해야 한다는 결론에 도달하고

바로 수정작업을 해보았습니다

아주 간단한 작업이었습니다

 

1.먼저 블로그관리 갑니다

2.HTML/CSS로 들어 갑니다

3.STYLE.CSS의 일부를 수정합니다

수정방법은

 

Ctrl+F를 누르고 ' {  ' 를 검색합니다.

Style.css에 상담에 보면 첫번째 '{" 가 보이고 그 아래에 보면 네모로 표시된 'line-height'가 보일 겁니다.

이 line-height를 변경해주면 됩니다.

보통 기본적으로 1.3으로 설정되어 있는데 이것을 1.6으로 변경해 주면 됩니다

1.6이 가장 적당한 것으로 판단되어 이것으로 선택했습니다.

숫자를 높이면 간격이 더 커집니다.

여기에서만 변경해주면 본문 전체영역의 글의 줄간격이 모두 변경됩니다.

 

 

 

 

 

변경하기 전의 글의 모습입니다

글이 너무 오밀조밀하게 붙어 있다는 느낌이 들것 입니다.

 

 

 

 

 

아래는 변경된 후의 모습입니다.

훨씬  안정된 느낌이 들고 무엇보다 글의 가독성이 높아져서 읽기가 편해졌습니다

 

 

 

 

티스토리블로그 글의 줄간격조정하는 방법을 알아 보았습니다.

이상 도움이 되었으면 합니다