북클럽 모바일 가독성 높이는 폰트 크기 및 줄간격 수정하기

티스토리 블로그 검색환경은 7할 정도가 모바일 환경에서 이루어집니다. 그러기 때문에 모바일 환경에서의 가독성이 훨씬 중요합니다. 

 

그렇다면 모바일 가독성을 높이기 위해서는 기본설정 되어있는 모바일 폰트크기를 크게 변경하고 줄간격을 넓혀야 합니다.

 

 

그래야 모바일 가독성이 좋아져 블로그에 머무는 시간이 길어지고 그로 인해 블로그 지수 또한 올라가게 됩니다 

 

 

티스토리 블로그 북클럽 모바일 가독성 높이는 폰트 및 줄간격 변경에 대하여 알아보도록 하겠습니다. 

 

---

 

티스토리 블로그 북클럽 모바일 폰트 및 줄간격 변경

 

 

티스토리 블로그 북클럽 줄간격 변경

 

 

1. 티스토리 블로그 관리자 홈에서 꾸미기 ▷ 스킨편집으로 들어갑니다.

 

 

2. HTML 편집 클릭

 

 

3. HTML ▷ CSS 클릭 ▷ [Ctrl+F] ▷ 검색창에 entry-content p { 입력

 

그러면 두 개가 검색이 됩니다. 그중에 두 번째 검색된 단란을 수정하시면 됩니다.

 

4. 이 단락에서 line-height: 1.625rem 로 모바일 줄 간격이 기본 설정되어 있습니다.

 

저는 line-height: 2rem으로 변경하였지만 이것은 개인의 취향이니 확인하시고 조절하시길 바랍니다. 

 

티스토리 블로그 북클럽 모바일 폰트크기 변경

 

 

모바일 환경에서는 줄간격이 너무 촘촘하면 글을 읽어 내려가다 길을 잃고 어디서부터 다시 읽어야 하는지 헤매는 경우가 많이 있습니다.

이러한 문제를 해결하기 위해서는 줄간격의 넓혀 글을 읽어 내려가는 속도와 가독성을 높여줄 수 있습니다.

이 단락에서 보면 폰트크기를 조정하는 font-size: 가 없습니다. 당황하지 마시고 line-height 밑에 font-size: 추가해 주시면 됩니다. 

 

 

사진에서 보이듯이 font-size: 1.2em으로 추가해 주었습니다. 개인적으로 이 사이즈를 추천하지만 확인해 보시고 조절하시면 됩니다. 

 

 

※ 여기서 추가하여 변경하는 모바일 폰트크기는 본문 2 글씨크기 고정으로 변화됩니다. 본문 1, 본문 3은 변경되지 않습니다. 글작성 시 유의하시길 바랍니다. 

 

 

이 캡처화면은 스킨편집 홈화면의 모바일 창이기 때문에 정확하게 적용이 되지 않습니다. 

 

다만 크기가 커진다는 것을 보여드리기 위함이니 참고만 하시고 스마트폰으로 확인하시면서 크기 조절하시는 걸 추천드립니다. 확인해 보시면 아시겠지만 위 캡처화면처럼 크지 않습니다. 걱정 안 하셔도 됩니다. 

 

처음에 제가 변경했던 줄간격과 크기로 기준을 잡고 조절하시면 되겠습니다. 

 

 

티스토리 블로그 북클럽 스킨 모바일 가독성을 높이기 위한 폰트크기와 줄간격 변경에 대하여 알아보았습니다.

다음 포스팅도 티스토리 블로그 운영시 꿀팁으로 찾아뵙겠습니다.