티스토리 블로그 폰트 변경하기

SNS&블로그
2017. 11. 7. 15:22

티스토리 블로그 폰트 바꿔보기

요즘 들어서 저의 블로그에 있는 폰트가 컨텐츠의 가독성을 떨어트린다는 생각이 부쩍 들어서 사이즈와 폰트를 카테고리에 맞도록 변경해볼까 합니다. 현재 저의 블로그는 개발자 감성에 맞추어서 전부 본고딕으로 설정되어 있습니다. 본고딕이 좋은 글씨체임은 분명하나 내용 전체를 전부 강하게 부각시켜주는 탓에 컨텐츠에 집중하기 어렵다는 생각이 들었습니다. 그래서 컨텐츠 폰트는 본고딕보다는 살짝 가벼운 느낌이 드는 맑은 고딕으로 바꿀 생각입니다.

기존의 직장인 부스트 포스팅 스타일

현재의 포스팅을 보면 타이틀이나 헤드라인 그리고 컨텐츠까지 모두 본고딕임을 확인할 수 있는데요.

이렇게 되니까 앞서 말했던 것 처럼 컨텐츠에 집중도가 많이 떨어지더라고요.

바꿀 포스팅 스타일

그래서 일단 컨텐츠 쪽부터 힘을 좀 빼서 맑은 고딕으로 바꿀 예정입니다.

타이틀, 헤드라인 : 본고딕

컨텐츠 : 맑은고딕

이렇게 말이지요. 티스토리 블로그의 폰트를 변경하기 위해서는 스킨편집에 있는 HTML/CSS 부분을 고쳐줘야 하는데요.

가장 먼저는 설정에 가서 HTML/CSS 편집으로 들어가셔야 합니다.

그 뒤에는 CSS에 들어가서 font-family를 검색해줍니다.

이 부분부터는 스킨마다 살짝 차이가 있을수도 있지만 저는 제가 사용하고 있는 스킨인 fastboot 1.6.2 기준으로 설명드리겠습니다.

p 태그를 새로 만들어서 맑은 고딕을 추가해주고 맑은 고딕이 기본 폰트체가 아닌 맥을 위해서 애플고딕을 그 다음 순위로 잡아놨습니다. 사실 맑은 고딕은 윈도우에 내장 되어있는 폰트이기 때문에 윈도우에는 따로 추가해줄 필요가 없습니다.

그 반면에 상당히 파격적으로 바꿔주기는 했는데요.

폰트를 바꾼다는 것은 상당히 많은것을 조정해줘야 한다는 소리입니다. 일단 폰트다가 기준 사이즈가 살짝 다르기 때문에 제가 생각할때에는 맑은 고딕은 웹에서는 14px 모바일에서는 16px이 가장 괜찮더라고요. 그리고 색상도 완전 블랙에서 #555 컬러로 변동을 줬습니다.