티스토리 기본 폰트사이즈 조절이 필요한 이유

오랜만에 티스토리 스킨 관련된 글을 써 보려고 합니다. 티스토리에서 기본 제공하는 스킨은 모두 괜찮은 편이지만, 제 기준에서는 기본 설정값으로 그대로 쓰기에 약간 미흡한 구석이 있습니다. 

 

그 중에 대표적인게 폰트 크기입니다. 인터넷으로 이런 저런 정보를 검색할 때 네이버 블로그 대비해서 티스토리 블로그의 콘텐츠는 가독성이 조금 떨어지는 느낌 많이 받지 않나요? 

 

광고가 중간에 많이 들어가는 것도 하나의 이유지만, 대부분은 폰트 크기로 인해 글씨가 작아서 그렇다는 생각이 많이 들어서 왜 그런지 간단히 정리해 봅니다.

 

 

티스토리 스킨 기본 폰트 크기 문제

출발은 북클럽 스킨으로 해 보겠습니다. 티스토리 세팅은 '모바일 웹 사용 안함'으로 해서 북클럽의 모바일 화면 기본값입니다.

 

왼쪽은 네이버 블로그에서 스킨 기본 세팅값에 글쓰기 기본 세팅값 (아무것도 조정 안하면 16)으로 적은 글이고, 오른쪽은 북클럽 스킨에서 기본값 (본문2)로 적고 일부 내용은 본문1과 본문3으로 폰트 크기를 조정했습니다.

 

 

차이가 느껴지나요? 네이버의 기본 폰트값이 조금 더 큽니다. 북클럽에서 폰트 크기를 비슷하게 하려면 본문1로 해야 네이버와 비슷한 느낌이 듭니다. 제목의 폰트 크기는 너무 큰 느낌도 들지만, 눈에 확 들어오라는 뜻으로 보죠 뭐.

 

이번에는 티스토리 '모바일웹 (블로그 주소/m 으로 접속되는 페이지)'에서 비교를 해 보겠습니다.

 

북클럽 기본 폰트보다는 글씨가 커졌죠? 네이버보단 조금 작지만 약간 나아졌습니다. 그리고 폰트 컬러도 블랙이어서 더 깔끔해 보입니다. 북클럽은 왜 기본 폰트 색상도 블랙이 아닌건지..

 

 

모바일웹에서는 본문2로 내용을 작성해도 네이버와 비교해서 딱히 작지도 않고 가독성이 나쁘지 않아 보입니다.

 

아래에서는 모바일웹과 북클럽 스킨에서의 모바일 화면을 비교해 볼까요.

 

 

역시나 스킨 기본값의 폰트 크기가 작은 듯 합니다. 그나마 북클럽은 좀 나은 편이구요. #2 스킨 같은 경우 기본 폰트 사이즈가 많이 작게 느껴졌었는데, 한 번 비교를 해 보겠습니다.

 

 

오른쪽이 #2 스킨 기본값입니다. 본문2 사이즈가 네이버 비교해서 약간 더 작게 느껴집니다. 그런데 막상 북클럽과 비교를 해 보면 둘은 비슷하네요.

 

사용하는 폰트에 따라서 달라지는 것 같습니다.

 

 

전체적으로 보니, '본문3'은 일부러 작게 내용을 적고 싶을 때가 아니면 가능한 안 쓰는게 좋을 듯한 폰트 사이즈로 보이네요. 본문2와 본문1 사이의 크기가 적당하지 않나 싶습니다. 그 크기가 바로 16px입니다. 네이버에서 사용하는 사이즈죠.

 

자세히 파고 들어가면 북클럽과 #2 스킨에서는 본문 폰트 크기가 0.9735em으로 되어 있어서 그렇습니다. 이 크기를 픽셀로 따지면 15px입니다. 네이버 16px에 비해 작죠? 그 차이로 인해 네이버와 티스토리 기본 폰트 크기에 차이가 나는 겁니다.

 

게다가 본문3까지 사용한다면 더 작아지는 것이죠. 티스토리에서도 16px이 기본값으로 하는 것 같은데 스킨의 기본값에서 함께 따라오지 않으니 같은 현상은 반복될 것으로 보입니다.

 

아무 작업 없이 글을 쓰고 HTML 모드 들어가서 확인하면 이렇게 나오니까요. 사이즈16이라고 되어 있네요. 하지만 스킨에서 문단(p태그)에 들어가는 폰트 기본 속성이 15px에 준하는 것으로 세팅되어 있으니 실제론 작게 보이는겁니다.

 

 

따로 바꾸지 않아도 블로그 글을 쓰는데는 큰 문제는 없지만, 티스토리에서 새로 티블 시작하는 유저들을 위해서 현재 등록된 스킨의 기본 폰트 사이즈 값을 바꿔줬으면 좋겠네요. 0.9735로 되어 있는 것을 1.0em으로만 바꿔놓은 것으로 기본 제공되는 스킨 파일 내용만 바꿔주면 될텐데 말이죠.

 

이미 운영하고 있는 분들의 스킨 설정 값은 맘대로 바꾸면 큰일나니 그렇게는 못해주겠지만, 향후 개설되는 티블은 좀 나아질 수 있게 해 주면 좋을 듯 하지만.. 이건 제 생각일 뿐이겠죠. 티스토리에서 해줄리가...

 

[알아두면 좋을 티스토리 팁]

✅ 티스토리 본문 글자 크기 변경하는 방법

✅ 티스토리 시작 초기 세팅하는 것들

✅ 티스토리 스킨들의 모바일 화면 비교

✅ 알아두면 좋은 티스토리 단축키