전자기기/기타

티스토리 글자 간격 늘리기

cchucchu 2019. 3. 9. 09:00
반응형

제가 지금까지 포스팅을 해오면서 문제점 중에 하나 줄 사이 글자 간격이 맞지 않는다는


것이었습니다. 이게 노트북이나 모바일로 볼 때 가독성을 보다 좋게하기 위해 매 번 글을 쓸 때


마다 한 줄 씩 띄워서 적곤했는데 모바일로 보니 오히려 글자 줄이 맞지 않아 더 혼란스러운 


게시글인 것을 최근에서야 확인했습니다.



이에 HTML을 수정하여 줄 간격을 늘리는 작업을 해보도록 하겠습니다.




1. 티스토리의 설정 창에서 스킨 편집에 들어갑니다.







2.스킨편집 텝에서 'html 편집'으로 들어갑니다.







3. html 편집에서 CSS로 들어갑니다.






4. 아래의 화면에서 오른쪽 코딩텝이 아닌 왼쪽 빈 공간 텝을 클릭하시고 Ctrl+F를 눌러 line-height:1.를 검색해줍니다. 






5. 기본 값은 1.5로 설정되있습니다. 2.0정도가 적당한 것으로 생각되어 2.0으로 설정하고 적용을 누릅니다.







▶ 웹 상에서 보이는 글자 간격입니다.









▶ 모바일 상에서 보이는 글자 간격입니다.










위에 모바일을 보시게 되면 글자가 어떤 줄은 2줄이고 어떤 줄은 한 줄이어서 글을 읽는데 불편하다는 것을 알 수 있습니다. 이와 같이 이전부터 고쳤으면 읽는데 보다 편하지 않았을까 생각됩니다.




반응형