반응형
제가 지금까지 포스팅을 해오면서 문제점 중에 하나 줄 사이 글자 간격이 맞지 않는다는
것이었습니다. 이게 노트북이나 모바일로 볼 때 가독성을 보다 좋게하기 위해 매 번 글을 쓸 때
마다 한 줄 씩 띄워서 적곤했는데 모바일로 보니 오히려 글자 줄이 맞지 않아 더 혼란스러운
게시글인 것을 최근에서야 확인했습니다.
이에 HTML을 수정하여 줄 간격을 늘리는 작업을 해보도록 하겠습니다.
1. 티스토리의 설정 창에서 스킨 편집에 들어갑니다.
2.스킨편집 텝에서 'html 편집'으로 들어갑니다.
3. html 편집에서 CSS로 들어갑니다.
4. 아래의 화면에서 오른쪽 코딩텝이 아닌 왼쪽 빈 공간 텝을 클릭하시고 Ctrl+F를 눌러 line-height:1.를 검색해줍니다.
5. 기본 값은 1.5로 설정되있습니다. 2.0정도가 적당한 것으로 생각되어 2.0으로 설정하고 적용을 누릅니다.
▶ 웹 상에서 보이는 글자 간격입니다.
▶ 모바일 상에서 보이는 글자 간격입니다.
위에 모바일을 보시게 되면 글자가 어떤 줄은 2줄이고 어떤 줄은 한 줄이어서 글을 읽는데 불편하다는 것을 알 수 있습니다. 이와 같이 이전부터 고쳤으면 읽는데 보다 편하지 않았을까 생각됩니다.
반응형
'전자기기 > Web' 카테고리의 다른 글
크롬브라우저 키보드 보안 설정 (Chrome npapi) (Touch en key) (0) | 2020.10.01 |
---|---|
웹상에서 공학용 계산기 사용 (mathway) (0) | 2019.08.25 |
티스토리 블로그 배경화면 바꾸기 (0) | 2018.08.12 |
구글 블로그(블로거) 네이버에 노출되게 설정 (0) | 2018.02.04 |
구글 블로그(블로거) SNS공유 버튼 만들기 (0) | 2018.02.04 |