티스토리 블로그 기본글꼴 변경및 글 자간 (글간격) 조정

 

블로그라는걸 처음 사용해보지만 티스토리가 좀더 자유롭게 HTML/CSS 변경이 가능하다는걸 알고 시작했습니다만

 

엄청나게 변경이 수월하던가 쉽다던가는 아닙니다...

 

기존에 어떤건 불편해도 그냥 쓰기로하는 부분도 있는데요 ..

 

이것만은 수정해야되겠다 싶어서 CSS를 건들기로했습니다.

 

일단 글꼴 ~! 기본글꼴이 '돋움'체 인데 좀더 가독성이 높고 많은 우리나라사람이 가지고있는 '맑은 고딕'으로 대체하기로하고

 

기본적으로 문약여백이 너무좁아 영문같은경우엔 자간의 여백이 없이 겹쳐보이는 경우가 생기네요

 

못하시는 분을 위해 팁을 남겨드립니다.

 

 

 

 

 

 

 

일단 저의 블로그 기본 화면입니다.
돋움체에 글씨들이 너무 따닥 따닥 붙어있습니다.

일단 티스토리 관리자 화면으로가서 HTML/CSS 로 갑시다.

 

 

 

 

 

 

 

 

style.css 부분도너무 좁아 터지니 전체복사 ( Ctrl + A ) 를 하여 메모장이나 타 프로그램으로 복사합시다.

 

 

 

 

 

 

 

 

#container 부분만 수정하면 됩니다.  붉은 선부분에 보면
영문으로 Dutum (돋움 ) 이있고 letter-spacing 이게 자간입니다 간격이 -1px로 되어있네요

 

 

 

 

 

 

아래와 같이 수정하시면 됩니다.
font에는 한글로 맑은 고딕 이라고 적어도 되지만
영문으로 하는게 좀더 신뢰도가 높습니다.

기본 홈페이지들의 자간은 0px입니다 소수점도 가능합니다!!
소수점 이용시에는 ex ) -0.5em 이런식으로 em을 붙입니다.
em은 기본으로 셋팅되어있는 기분에서 줄이고 늘리는 방식입니다.

직접해보시면서 감을 익히세요 ~

 

 

 

 

 

 

수정후 좀더 가독성이 높아진 본문입니다.