Fastboot 스킨 본문 폰트크기, 자간, 줄바꿈의 설정 변경하기

FastBoot 스킨에서 본문의 폰트크기와 줄간격은 html 편집의 CSS에서, 자간은 html 탭에서 하게 됩니다.

하나씩 설명하여 드리겠습니다.

 

1. 본문 폰트 크기 수정

 

CSS탭에서 "@post-body-font-size" 가 써있는 부분을 찿아간 뒤 아래의 그림처럼 나오는 부분에서 폰트 사이즈를 원하는 사이즈로 바꾸어 주면 됩니다.

 

 

바꾸신 뒤 저장까지 눌러 주셔야 변경된 내용이 적용됩니다.

 

2. 본문 줄간격 수정

 

CSS탭에서 line-height 값을 변경해주면 되는데 주의할 점은 px과 같은 절대값을 주게 되면 폰트 크기 변경시에 줄이 겹쳐지거나 하는 부자연스러운 외관을 보여줄 수도 있게 됩니다. 1, 1.5, 2 등과 같은 상대값을 사용해야 합니다.

만약, line-height가 1이라면 폰트 크기와 같은 크기의 줄간격을 주겠다는 것이고 결과적으로 겹쳐지게 되므로 보기에 매우 가독성이 떨어지게 될 것입니다.

FastBoot 스킨에서는 기본값으로 줄간격을 1.5를 주고 있습니다. 이 수를 줄이거나 늘이는 것에 따라 줄간격은 줄어들거나 늘어나게 될 것입니다.

 

 

3. 본문 자간 변경

 

FastBoot 스킨의 자간 변경의 경우에는 CSS 탭이 아닌 Html 탭에서 작업하여야 합니다.

Html 탭으로 들어간 다음 Ctrl+F(검색)를 누르고 "포스트"로 검색하면 아래와 같은 부분이 있습니다.

이 부분에 아래와 같은 부분이 있어야 하며, 0.1px 부분은 숫자를 증가시켜가면서 원하는 자간을 찿을 수 있습니다. 

0.1은 저의 설정이니 각자 원하는 자간을 찿으시면 됩니다.

내용이 없으면 하래의 문장을 포스트 본문 내용 아래에 직접 타이핑하거나 복사하여 붙여넣기 합니다.

 

<div class="article" style="line-height:100%; letter-spacing:0.1px;">

 

변화를 잘 모르시겠다면 0.1 대신에 5를 줘보면 작동하는 것을 확인하실 수 있습니다.