블로그스팟 글자크기, 자간, 행간, 글자간격, 글씨체 변경 방법 - Blogspot Code Share - 블로소득 블로그

블로그스팟에서 글자크기, 자간, 행간, 글자간격, 글씨체 변경하는 방법을 알려드리도록 하겠습니다. 워드프레스, 티스토리와 달리 명확하게 수정할 수 있는 메뉴가 없는게 단점이기도 한데요!

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

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

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

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

1. 테마 > HTML 편집

블로그스팟 관리자 페이지에서 왼쪽 테마를 누릅니다. 이어서 맞춤설정 옆 화살표(🔽)를 누릅니다.

그리고 HTML 편집 메뉴를 눌러 블로그스팟 테마 편집기로 이동합니다. 

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

테마 편집기에 들어왔다면 컨트롤(Ctrl)+F를 눌러서 찾기(Search)를 활성화 시킵니다.

그리고 }]]></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. 블로그스팟 글자크기, 자간, 행간 수정 결과

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

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

이상으로 블로그스팟 글자크기부터 글씨체 변경하는 방법까지 알아봤습니다! 감사합니다.