티스토리 폰트크기 및 폰트변경 방법(패스트부트 스킨)

오래만에 티스토리관련글을 쓰고 있습니다. 여기 블로그는 디자인관련 블로그로 주제를 세분화해서 운영을 하려고 계획?을 했었는데 아무래도 실패하고 있는것 같아서 앞으로는 좀더 신중하게 방향성을 가지고 운영을 할까합니다^^

 

오늘은 티스토리 폰트변경하는 방법에 대해서 알아보려고 합니다. 제가 여기 티스토리말고 다른 티스토리를 운영을 하고 있습니다.

 

제 방문객중에 블로그의 글씨가 작아서 잘 안보인다는 말씀을 하셔서 티스토리 폰트크기를 변경하려고 하니 게시글 일일히 수정을 할수가 없기 때문에 스킨에 적용된 폰트를 바꿔서 일괄적으로 처리를 하였습니다.

 

일단 폰트가 적용되는 영역을 찾아보았습니다. 패스트부트 스킨의 폰트는 아래에 위치에 있더군요

 

 

 

 

잘 보이시나요? 화면이 작아서 잘안보이는 분들오 있으실듯 합니다. 콘텐츠 영역중에 본문순수하게 본문이 삽입된 영역은 아래와 같습니다.

 

클래스 :  tt_article_useless_p_margin

 

이제 클래스를 확인하였으니 클래스에 해당하는 폰트 크기를 변경해주고 본문혹은 전체페이지의 폰트만 바꿔주면 되는데요.

 

 

 

 

 

 

 간단하게 티스토리 스킨설정부분으로 들어가셔서 마지막줄에 아래문구를 추가해주시기 바랍니다. 그러면 티스토리 폰트변경 처리가 끝납니다.

 

.tt_article_useless_p_margin {font-size:14px;}

 

폰트사이즈만 14px로 적용시키는데요 제가쓰는 패스트부트 스킨에서는 폰트크기가 12정도로 표기가 되더라구요. 정확하게 적용시킬려면 em방식을 써야 되는데 여기서는 이정도로만 변경하겠습니다.

 

티스토리 폰트크기는 스킨에 따라 상대적으로 다를 수도 있어서 CSS파일을 다 바꿔야 하는 경우도 생길것 같은데요. 우선은 이렇게 크기를 변경하겠습니다.

 

이렇게 해주시면 티스토리 폰트크기가 변경된것을 확인하실 수 있습니다. 다음은 폰트를 변경해주셔야 되는데요.

 

이것도 무척 간단합니다. CSS파일을 보시고 제일 위를 보시면 아래와 같은 부분을 보실 수 있습니다.

 

 

 

기본 폰트가 돋움으로 되어 있는 부분을 아래와 같이 바꿔주세요.

 

  font-family:NanumGothic, "Malgun Gothic", "맑은 고딕", Verdana, Tahoma, Arial !important;

 

마지막으로 CSS 제일 상단에 아래 구분을 추가해주세요. 나눔고딕 웹폰트로딩입니다.

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

 

여기까지 티스토리 폰트크기와 티스토리 폰트변경을 해보았는데 어렵지는 않으실것 같습니다. 천천히 바꿔보세요!