블로그스팟 줄간격 및 글씨 크기 조절 방법: 가독성 200% 높이는 최적화 가이드
블로그에 정성스럽게 글을 썼는데, 막상 발행하고 보니 글자들이 너무 빽빽하거나 크기가 작아 읽기 불편했던 경험이 있으신가요? 2026년의 콘텐츠 소비 트렌드는 '빠른 스캔'과 '쾌적한 읽기 경험'입니다. 독자가 페이지에 접속했을 때 텍스트가 답답하게 느껴지면, 아무리 좋은 내용이라도 금방 이탈하게 됩니다. 특히 구글 블로그스팟(Blogger)은 기본 설정만으로는 세밀한 디자인 수정이 어려워 많은 분이 어려움을 겪습니다. 오늘은 초보자도 쉽게 따라 할 수 있는 블로그스팟 줄간격 조절법과 글씨 크기 최적화 방법을 완벽하게 정리해 드리겠습니다.
블로그스팟 기본 에디터로 빠르게 조절하기
가장 간단한 방법은 글을 작성하는 에디터 툴바를 이용하는 것입니다. 특정 문장이나 문단의 크기를 임시로 변경하고 싶을 때 유용합니다.
- 글쓰기 화면 상단 툴바에서 '글꼴 크기(A)' 아이콘을 클릭합니다.
- 소, 보통, 크게, 아주 크게 중 원하는 크기를 선택합니다.
- 특정 부분에만 강조가 필요할 때 사용하며, 다만 이 방법은 포스팅 전체에 일관된 스타일을 적용하기에는 한계가 있습니다.
- 구글 블로그 계정에 로그인하세요. 관리 대시보드에서 "테마" 메뉴를 선택하고 "HTML 편집" 버튼을 클릭해 코드를 열어주세요.
- HTML에서 Ctrl + F 를 눌르고 post-body{ 를 검색하세요.
- 폰트 크기 변경하기 font-size:15px; 을 17px로 변경해줍니다.
- 줄간격(행간) 조절하기 line-height:1.6em; 을 1.7em으로 변경해줍니다.
 |
| 블로그 스팟 줄간격 글씨 크기 수정 |
 |
| 블로그 스팟 줄간격 글씨 크기 수정 |
CSS 수정을 통한 전체 글꼴 및 줄간격 최적화
블로그스팟의 진정한 강점은 HTML과 CSS를 직접 수정하여 나만의 브랜딩을 할 수 있다는 점입니다. 테마의 CSS 설정을 조금만 변경하면 모든 포스팅에 일괄적으로 쾌적한 가독성을 적용할 수 있습니다.
1. CSS 설정 메뉴 진입 방법
먼저 블로그스팟 관리자 화면에서 [테마] → [맞춤 설정] → [고급] → [CSS 추가] 순으로 이동하세요. 이곳에 아래의 코드를 입력하면 즉시 반영됩니다.
2. 글씨 크기(Font Size) 조절하기
본문의 글씨 크기를 조절하려면 .post-body 클래스를 수정해야 합니다. 2026년 현재, 모바일과 데스크톱 모두에서 가장 편안하게 읽히는 기본 크기는 16px~18px 사이입니다.
.post-body {
font-size: 17px !important;
}3. 줄간격(Line Height) 조절하기
글자가 서로 너무 붙어 있으면 가독성이 급격히 떨어집니다. 줄간격은 보통 1.6에서 1.8 사이의 수치를 권장합니다.
.post-body {
line-height: 1.8 !important;
}위의 두 코드를 합쳐서 다음과 같이 입력하면 더욱 효율적입니다.
.post-body {
font-size: 17px !important;
line-height: 1.8 !important;
}가독성을 결정짓는 최적 설정 값 비교표
어떤 수치를 입력해야 할지 고민되는 분들을 위해, 일반적인 설정과 UX(사용자 경험) 최적화 설정을 비교해 보았습니다. 자신의 블로그 성격에 맞춰 선택해 보세요.
| 구분 | 기본 설정 (Default) | 추천 최적화 설정 (UX Optimized) | 기대 효과 |
|---|---|---|---|
| 글씨 크기 | 14px ~ 15px | 16px ~ 18px | 시각적 피로도 감소, 가독성 향상 |
| 줄간격 | 1.2 ~ 1.4 | 1.6 ~ 1.9 | 텍스트 간 여백 확보로 빠른 읽기 가능 |
| 문단 간격 | 좁음 | 여유 있게 설정 (Margin 추가) | 정보의 구분이 명확해져 스캔 효율 상승 |
| 폰트 스타일 | 기본 고딕/명조 | 산세리프 계열 (Noto Sans 등) | 현대적이고 깔끔한 인상 부여 |
더 나은 읽기 경험을 위한 추가 팁
글씨 크기와 줄간격만 조절해도 훨씬 보기 좋아지지만, 다음의 요소들을 함께 고려하면 체류 시간을 더욱 늘릴 수 있습니다.
문단 나누기와 화이트 스페이스 활용
아무리 줄간격이 넓어도 한 문단이 너무 길면 독자는 압박감을 느낍니다. 3~4문장마다 과감하게 엔터 키를 눌러 빈 공간(White Space)을 만들어 주세요. 이는 모바일 사용자에게 특히 중요합니다.
폰트의 선택과 대비
배경색과 글자색의 대비가 너무 강하면 눈이 쉽게 피로해집니다. 순수한 검정(#000000)보다는 아주 짙은 회색(#333333)을 사용하는 것이 세련되고 편안한 느낌을 줍니다.
모바일 최적화 확인
작업을 마친 후에는 반드시 스마트폰으로 자신의 블로그에 접속해 보세요. PC에서는 적당해 보였던 줄간격이 모바일에서는 너무 넓거나 좁게 보일 수 있습니다. '반응형 테마'를 사용하고 있다면 기기별로 적절하게 출력되는지 최종 점검이 필요합니다.
요약 및 마무리
블로그스팟에서 줄간격과 글씨 크기를 조절하는 것은 단순히 예쁘게 만드는 작업이 아니라, 독자가 내 콘텐츠에 더 오래 머물게 만드는 전략적인 UX 최적화 과정입니다.
오늘 내용을 요약하면 다음과 같습니다.
- 간단한 수정은 에디터 툴바를 이용하세요.
- 전체 적용을 원한다면 [테마] → [CSS 추가] 메뉴에서
.post-body값을 수정하세요. - 추천 설정은 글씨 크기 17px, 줄간격 1.8입니다.
- 적절한 문단 나누기와 색상 대비를 통해 완성도를 높이세요.
지금 바로 내 블로그의 설정 값을 확인해 보세요. 작은 변화 하나가 독자의 경험을 바꾸고, 결과적으로 블로그의 성장으로 이어질 것입니다. 적용 중 궁금한 점이 있다면 언제든 댓글로 남겨주시기 바랍니다!