본문 바로가기
블로그 티스토리 후기

티스토리 - 포스팅 글자 크기 & 줄간격 & 색상변경 (스킨 #2)

by investment note writer 2021. 4. 24.
반응형

현재 스킨은 #2

노트북을 두대 쓰고 있는데, 한쪽에서는 괜찮게 보이는 폰트 크기가, 다른 한편의 노트북에서는 너무 작게 보이는걸 알게 되었다. 

 

그래서 써보는 '티스토리 본문 글자 크기 설정'. 현재 티스토리 적용 스킨인 #2 기준으로 작성해본다.


<PC에서 티스토리 포스팅을 읽을때> 기준

 

▲ 티스토리 > 스킨편집 > html 편집 

 

 

 

▲ 티스토리 > 스킨편집 > html 편집 

 

 

▲ CSS를 클린한후, Ctrl+F (찾기 기능)으로 area_view 검색

 

 

▲ 현재 폰트 사이즈는 15px, 글 간격은 28px, 글 색상은 #555

 

 

 

대부분의 티스토리 스킨들은 폰트사이즈가 15픽셀(11포인트)로 설정되어 있는 것 같다. 가독성을 위해 글씨 크기는 17px (13포인트), 글 간격은 30px 정도로 변경해보겠다.

 

 

▲ 폰트크기와 글 간격을 바꿔보았다


폰트사이즈 px(픽셀)과 pt(포인트) 비교

 

대부분의 유저들이 폰트 사이즈 pt에 더 익숙하기 때문에, 참고삼아 px 픽셀과 비교해본다

 

11pt = 15px 

12pt = 16px

13pt = 17px

14pt = 19px

24pt = 30px


티스토리 폰트 색상 변경하기

글씨 색이 다소 밝은 회색빛이 돌아서 그런지, 눈이 피로한 느낌이 들었다. 

▲ 현재 컬러는 #555로 회색빛이 강하다.

 

▲ 변경하려는 컬러는 #242424

 

#555 컬러
#242424

▲ 글씨가 좀 더 또렷하게 보인다.

반응형

댓글