FastBoot 본문 글자 크기 변경하기

FastBoot 스킨으로 변경하고 나서 글을 쓰면 항상 본문 글씨가 너무 작게 나왔다. 그래서 항상 글을 다 쓴 다음에는 일괄적으로 글자 크기를 지정해 줘야했다. 아래 그림과 같이 처음에는 티스토리 관리에서 설정에서 글꼴과 크기를 설정했지만 실제로 쓴 글과 달랐다. 그 이유는 티스토리에서 설정해주는 글자 크기와 별개로 FastBoot에서 글자 크기를 지정해주기 때문이다. 아무리 설정에서 변경해도 FastBoot 스킨에서 본문 글자 크기와 글꼴이 설정되 있기 때문에 FastBoot 스킨에서 CSS 코드를 변경해 주지 않으면 기본 글자 크기와 글꼴은 변경되지 않았다. 

FastBoot 스킨을 쓴다면 이 설정은 글쓰기 모드에서만 적용이 되고 발행을 하면 FastBoot에 있는 본문글 10pt를 기본 값으로 가지고 온다. 

FastBoot 본문 글자 크기 변경하기

위 사진처럼 글꼴을 14로 지정하더라도 FastBoot 스킨에서 본문 글을 쓸때 별개로 글씨 크기를 적용 시키기 때문에 설정을 바꿔도 효과가 없다. 그래서 스킨에서 스타일을 변경해 줘야한다. 티스토리 블로그 관리에서 HTML/CSS 편집을 누르고 CSS 코드를 수정한다.

본문에 관련된 스타일은 article 클래스에 있는데 Ctnl + F 로 검색창을 띄우고 Post-body-font라고 검색해 보자. 그러면 아래 그림과 같이 이동할 것이다. 빨간 박스 안의 숫자를 자신이 원하는 글씨 크기로 설정하면 된다. 필자는 18으로 설정을 했다. 그리고 저장을 누르고 본문에 글을 써보면 적용된 모습을 볼 수 있을 것이다.

주의 할 점은 수정을 다 하더라고 글을 쓸때 14pt 가 변경되는 건아니다. 글쓰기를 했을 경우 나오는 결과 값이 18pt로 보이는 것이다. 

이 그림은 이글의 맨 위에 있는 그림의 설정 값을 따라오고 미리보기를 하거나 글을 발행하면 적용되진 않는다. 발행했을때는 방금 우리가 수정한 그 글자크기로 설정된다.

글쓰기 모드와 발행 글에서 글씨 체와 글씨 사이즈는 다를 수 있다는 것을 명심하자.