IJMuAN02pVKE2uZHXG2JnZAHGfjon49GBXjko1rk
Bookmark

블로그스팟 글자크기, 자간, 행간, 글자간격, 글씨체 변경 방법

블로그스팟에서 글자크기, 자간, 행간, 글자간격, 글씨체를 변경해보세요! 워드프레스, 티스토리와 달리 테마의 HTML편집 메뉴에서 코드를 추가하여 쉽게 수정할 수 있습니다. 본문에서 폰트 코드를 복사해서 붙여넣기만 하면 바로 적용가능합니다.
블로그스팟에서 글자크기, 자간, 행간, 글자간격, 글씨체 변경하는 방법을 알려드리도록 하겠습니다. 워드프레스, 티스토리와 달리 명확하게 수정할 수 있는 메뉴가 없는게 단점이기도 한데요!

대신 아주 간단하게 코드를 추가하는 방법으로 글자크기부터 글씨체까지 모두 수정이 가능합니다.

블로그스팟 글자크기 수정하는 방법

블로그는 유튜브와 달리 글로써 정보를 제공하거나 설명합니다. 그러다보니 본문의 글자크기가 신경쓰일 수 밖에 없는데요! 테마의 디자인에 따라 글자크기가 작을 경우가 있습니다.

이럴 경우에는 테마 파일을 직접 편집해서 글자크기를 크게 만들어보겠습니다.

1. 테마 > HTML 편집

블로그스팟 관리자 페이지에서 왼쪽 테마를 누릅니다. 이어서 맞춤설정 옆 화살표(🔽)를 누릅니다.
그리고 HTML 편집 메뉴를 눌러 블로그스팟 테마 편집기로 이동합니다. 

블로그스팟 테마 HTML 편집


2. }]]></b:skin> 찾기

테마 편집기에 들어왔다면 컨트롤(Ctrl)+F를 눌러서 찾기(Search)를 활성화 시킵니다.
그리고 }]]></b:skin>를 붙여넣고 엔터키를 눌러줍니다.

}]]></b:skin> 찾기

}]]></b:skin>를 붙여넣고 엔터키를 치게되면 중간쯤 검색되는 것을 확인할 수 있습니다.

}]]></b:skin> 찾기 완료

}]]></b:skin> 앞에 글자크기, 자간, 행간, 글자간격, 글씨체 변경할 코드를 넣을 것이므로 엔터를 칩니다.
대략 3칸 정도 띄워주면 될것 같습니다. 3칸 중에 2번째 줄에 코드를 입력하도록 하겠습니다.

3. 글자크기, 자간, 행간 등 코드 넣기

코드 넣을 부분을 찾았다면 이제 본격적으로 글자와 관련된 코드를 붙여넣기 해보도록 하겠습니다.

.single .entry-content {
    font-size: 18px !important;
    letter-spacing: 0.5px;
    line-height: 1.6;
    font-family: 'Noto Sans KR', sans-serif;
    color: #333;
    text-align: justify;
    word-spacing: 1px;
}
위 코드를 복사해서 붙여넣기 합니다. 붙여넣기 한 최종 모습을 아래와 같습니다.

블로그스팟 글자크기, 자간, 행간, 글자간격, 글씨체 변경 코드 입력

어? 왜 블로소득님 코드는 짧은가요? 라고 생각하실수 있는데요~
저는 글자크기와 자간 코드만 넣은 상태입니다. 여러분들도 원하는 코드만 골라서 넣으실수 있습니다.
  • 글자 크기 ➡️ font-size: 18px !important; 
  • 자간 ➡️ letter-spacing: 0.5px; 
  • 행간 ➡️ line-height: 1.6; 
  • 단어 간격 ➡️ word-spacing: 1px;
  • 글자 정렬 ➡️ text-align: justify; 
  • 글자 색깔 ➡️ color: #333; 
  • 글자체 ➡️ font-family: 'Noto Sans KR', sans-serif; 
글자 크기, 자간, 행간, 단어간격은 숫자를 변경하면서 본문 글자 모양을 바꾸시면 됩니다.
글자 정렬의 경우 left, right, center, justify(양쪽정렬) 4가지를 선택할 수 있습니다.
글자 색깔은 헥사 코드(16진수) 또는 영어(White, Black 등) 입력하셔도 됩니다.
글자체는 기본적으로 시스템 폰트를 사용하니 아래 폰트 중에서 고르셔도 되고, 인터넷 폰트를 쓰셔도 됩니다.
  • Sans-serif 계열: Arial, Helvetica, Verdana, Tahoma, Roboto
  • Serif 계열: Times New Roman, Georgia, Garamond
  • Monospace 계열: Courier New, Consolas, Monaco

4. 블로그스팟 글자크기, 자간, 행간 수정 결과

한눈에 보기 쉽도록 수정 전, 후 사진을 준비해봤습니다. 한눈에 보기 쉬울거예요!

블로그스팟 글자크기, 자간, 행간, 글자간격, 글씨체 변경한 결과

딱봐도 왼쪽에서 오른쪽으로 변경된 것을 알수 있습니다. 어렵지 않았죠?

이상으로 블로그스팟 글자크기부터 글씨체 변경하는 방법까지 알아봤습니다! 감사합니다.
본문 음성듣기
음성선택
1x
* [주의] 설정을 변경하면 글을 처음부터 읽습니다.
댓글 쓰기
테마 디자인을 위해 댓글 영역이 표시되고 있습니다. 궁금하신 사항은 유튜브 채널 영상에 남겨주시면 답변드리겠습니다!