티스토리 본문 글씨 크기 변경

블로그를 오래만에 열씸히 꾸미고 있습니다. 오늘은 티스토리 본문 글씨 크기 변경 방법을 알려드릴텐데요. 기본적으로 티스토리는 스킨에 크기가 정의되어 있는 상태라서 관리자 설정에 있는 설정값들이 적용이 안되는 경우가 많습니다.


티스토리 본문 글씨 크기 변경 방법


우선 티스토리 관리자 화면에서 글설정 메뉴를 보시면 글씨크기라는 부분이 있습니다. 여기에서 기본 크기를 지정할 수는 있지만 여기 글씨는 말그대로 글쓸때 적용되는 크기로서 방문객들이 보는 화면에서의 글꼴 크기 조정은 되지 않습니다.

 

 

요런식으로 글쓰기 확경을 설정할 수 있는데 많은 분들이 작각 하시는게 티스토리 본문 글씨 크기 변경이 여기에서 가능한줄 알고 계시더라구요. 여기는 본문글쓰기를 할때 그 크기가 변경되는 부분이며 실재적으로 방문자들이 볼 수 있는 화면이 아닙니다.

 

 

 

 

 

실재적으로 바꿔주셔야 할 부분이 티스토리 스킨 부분에서 CSS를 통해서 글꼴의 기본 크기를 바꿔주는게 가장 직관적인데요.  왜냐하면 반응형 스킨의 경우 글꼴 크기를 유동적으로 화면에 맞추기 위해서 스타일을 강제적으로 적용 시키기 때문에 CSS를 통해서 글꼴 크기가 변할 수 있도록 적용시켜주면 좋습니다.

 


 

우선 파이어버그나 CSS디버깅툴로서 본문의 스타일시트가 어디에 적용되어 있는지 확인해주세요. 확인하시는 방법을 모르시면 아래글을 참고해주시기 바랍니다.

 

2017/05/03 - [IT정보/HTML/CSS] - CSS 스타일 분석 파이어버그 사용하기

 

 

 

이런식으로 본문에 적용될 클래스를 파악해주시고 클릭하셔서 폰트사이즈 속성이 있는지 확인을 해주세요.

 

 

 

 

CSS 속성을 보니 폰트사이즈가 17px로 잡혀있는 부분을 확인할 수 있습니다.

 

 

찾으셨으면, 폰트사이즈가 보이실 텐데요. 원하는 크기로 변경해주시기 바랍니다. 참고로 fastBoot 스킨을 쓰고 있는 저는 사이즈를 17사이즈를 사용하고 있습니다.

 

 

 

여기에서 잠깐!!

제가 쓰고 있는 스킨은 fastBoot 1.6.1  버전을 사용하고 있으며, 스킨종류에 따라 제가 하는 방식과 다를 수 있습니다. 하지만 기본 설정 방법은 똑같으니 구분만 잘 확인하셔서 바꿔주시기 바라겠습니다.

 

 

사용하고 있는 클래스는 tt_article_useless_p_margin 으로서 폰트사이즈가 작게 되어있어서 강제적으로 고쳤습니다. 패스트부트를 사용하고 계시면 간단하게 처리가 가능한데요. 제가 처리한 방식을 알려드리겠습니다.

 

 


사용할 클래스를 그대로 CSS 편집기에 추가하는 방식입니다. 기존소스는 고치지 않고 추가된 코드를 입력하는 방식이라 혹시라도 잘못될 경우에는 원상복구하기가 아주 편리합니다.

 

본문 글자크기에 관련된  클래스를 직접 고치는게 아니라 하나를 새로 만들어서 추가를 해주었습니다. 클래스의 경우 앞에 [.]이 들어가며 아이디의 경우 [#]이 붙게 됩니다.