본문 바로가기
티스토리

티스토리 모바일 가독성 높이는 방법 (폰트 크기 및 줄간 간격 조절)

by 로칸 2023. 10. 30.

 

모바일 가독성을 높이는 것은 체류시간을 증가시키는 데 매우 효율적인 방법입니다. 

 

오늘은 티스토리 모바일 가독성을 높이는 폰트 크기 및 줄간 간격을 조절하는 방법에 대해서 아래 글에서 자세히 알려드리겠습니다. 

 

폰트 크기 및 줄간 간격 조절

 

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

가장 많은 사람들이 사용하는 북클럽 스킨의 가독성을 높이기 위해 모바일 폰트 크기와 줄간격을 아래와 같은 방법으로 셋팅합니다. 

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

폰트 크기 및 줄간 간격 조절

 

(2) '스킨 편집 >> HTML 편집' 을 클릭합니다. 

폰트 크기 및 줄간 간격 조절

 

(3) HTML 편집 >> CSS 클락한 후 [Ctrl + F] 을 누른 후 검색 창에 'entry-content p { '를 입력합니다. 

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

폰트 크기 및 줄간 간격 조절

 

(4) line-heigh : 1.625rem 을 line-heigh : 2rem으로 변경, font-size : 1.2em으로 추가해 줍니다. 

폰트 크기 및 줄간 간격 조절

 

폰트 추가와 줄간격을 수정하였을 때 글씨크기가 변경된 것을 확인 할수 있습니다. 

폰트 크기 및 줄간 간격 조절
line-height : 1.625rem
폰트 크기 및 줄간 간격 조절
line-height : 1.625rem --> line-htight 2m


지금까지 모바일에서의 티스토리 블로그의 가독성을 늘이기 위한 폰트 크기와 줄간 간격 변경에 대해서 알아보았습니다.

반응형

댓글


TOP

Designed by 티스토리