구글 블로그 기본 글씨 크기 변경 방법(html 일괄 수정)

구글 블로그에서 글씨 크기를 변경하려면 기본 글쓰기 에디터에서 제공하는 글씨 크기 메뉴를 이용해도 되지만, html을 수정하면 한번에 글씨 크기를 변경할 수 있습니다.

이 글은 구글 블로그 글씨 크기 "보통" 사이즈를 html 수정으로 일괄적으로 조정하는 방법에 대한 안내입니다.

기본 글씨 크기인 보통의 경우 구글 블로그에서는 기본적으로 폰트사이즈 14로 적용되어 있습니다. 물론 테마에 따라 다를 수 있습니다.

폰트 사이즈 14는 사실 조금 작은 느낌이 있습니다. 글씨 크기가 작으면 글을 읽는 사람에게도 답답한 느낌을 줍니다. 따라서 보통에 해당되는 글씨 크기를 14가 아닌 다른 크기로 수정 하는 것이 좋습니다.

구글 블로그 에디터 글씨 크기 변경 방법

구글 블로그 에디터에는 가장 작게 부터 가장 크게 까지 총 6가지의 글씨 크기가 있습니다. 글씨 크기를 설정하고 html에서 보면 font size가 xx-small부터 x-large로 구분되어 있습니다.

물론 글을 쓸때 이 메뉴를 이용해서 글씨 크기를 부분적으로 적용해도 상관없습니다. 글에 부분적으로 글씨 크기를 다르게 적용할 때에는 이 방법을 사용하시면 됩니다.

하지만, 이렇게 글씨 크기를 변경하게 되면 html에서 폰트 사이즈가 추가되면서 html이 길어지게 됩니다.

글씨 크기 보통

글씨 크기 중간

차이점이 보이시나요. 기본적으로 적용되는 보통 사이즈에 비해 글씨 크기를 중간으로 설정하면 span style(파란글씨부분) 이 추가되어 html이 길어지게 됩니다.

html은 가급적 깔끔한 것이 좋습니다.

만약 글씨 크기 보통을 중간 수준으로 크게 적용하고자 한다면 테마 html에서 수정해주면 간단히 해결됩니다.

구글 블로그는 html이 구분되어 있지않고 다닥다닥 붙어 있어 보기가 어렵습니다. 하지만 천천히 따라하시면 어렵지 않게 html에서 font size를 찾고 크기를 조정할 수 있습니다

구글블로그 html에서 font size 를 수정하기 위해서는 기본 보통 글씨 크기가 어떤 부분에 엮여있는지를 알아야 됩니다.

테마에 따라 html 구성이 다를 수 있으니 찾는 방법만 참고하시어 적용해보시기 바랍니다.

아래 방법은 구글 블로그 기본 테마 Essential Light 를 적용한 상태입니다. 참고로 Essential Light 의 기본 글씨 크기는 126행에 있습니다.

먼저 기본 보통 글씨 크기로 테스트 글을 아무거나 발행합니다.
해당 글의 보기를 눌러 페이지로 들어갑니다.
본문 중간에 마우스 우클릭을 눌러 검사를 누릅니다. F12를 눌러도 됩니다.
화살표 모양의 아이콘을 누르고 내가 발행한 글의 폰트를 클릭합니다.
사진 참고
개발자 모드 화면이 나오는데 우측 하단부에 스크롤을 내려보면 다음과 같은 font size가 나타난 곳이 나옵니다.
해당 글 페이지를 닫고 블로그 좌측 테마 메뉴를 누르고 맞춤설정 옆에 화살표를 눌러 html 편집으로 들어갑니다.
컨트롤 F를 눌러 post-body 를 검색합니다.
여러 부분에서 검색이 되는데, 앞서 개발자 모드에서 우리가 찾았던 부분처럼 color, font, line-height, margin, display 가 모두 표기된 곳을 찾아야 합니다. 1883행이네요
여기서 font 를 보면 글씨 크기가 써져있는것이 아닌, 다른 문자가 쓰여있습니다. posts.text.font를 또 검색해서 찾아갑니다.
124행에 보면 font size 15px를 찾을 수 있습니다.
15px 를 자신이 원하는 글씨 크기로 수정합니다.
수정 후 제대로 변경이 되었는지 테스트 글을 열어 확인합니다.
글씨 크기 뿐만 아니라 다른 부분에 수정이 필요한 경우에도 이런식으로 똑같이 어떤 위치를 수정하면 되는지 찾으시면 됩니다

구글 블로그에서 기본 제공 폰트가 작다면 이처럼 html 수정을 통해 일괄 적용할 수 있습니다. 에디터를 통해 부분적으로 수정을 해도 되지만, html이 지저분해지고 손이 한번더 가기 때문에 이 방법을 이용하시면 편하게 수정하시고 적용하실 수 있습니다.