블로그스팟 폰트 적용 방법 총정리
블로그스팟 폰트 적용 완전 정리: 테마 변경해도 글꼴 유지하는 방법
블로그스팟 폰트 적용 방법을 검색해보면 의외로 명확한 답을 찾기 어렵습니다. 메뉴에서 글꼴을 선택했는데도 실제 화면에서는 다른 서체로 보이는 경험, 한 번쯤은 있으셨을 겁니다. 매번 폰트를 수정하고, 다시 확인하고, 또 수정하고. 다른 기기에서는 또 폰트가 깨지고. 아주 불편할때가 있습니다.
특히 구글 블로거(Blogger) 테마 변경 후 폰트가 초기화되는 현상은 초보 사용자에게 상당한 혼란을 줍니다. 위지윅 편집기에 익숙하다면 더더욱 납득하기 어렵습니다.
하지만 원리를 이해하면 해결은 단순합니다. 핵심은 테마 CSS 구조와 font-family 우선순위입니다.
왜 블로그스팟에서 폰트가 계속 바뀌는가?
블로그스팟의 테마 파일은 단순한 레이아웃 설정이 아닙니다. 색상, 버튼 스타일, 제목 구조, 본문 글꼴, 줄 간격까지 모두 정의되어 있습니다.
이 정의 파일이 바로 CSS(스타일시트)입니다. 테마를 업로드하거나 교체하는 순간, 기존에 적용했던 폰트 값은 새로운 CSS 규칙에 의해 재정의됩니다. 내가 아무리 고쳐도 테마가 우선이라는 뜻입니다.
즉, 메뉴에서 설정한 폰트는 테마의 상위 CSS 규칙에 밀려 적용되지 않을 수 있습니다. 이 문제를 해결하려면 두 가지가 필요합니다.
- 1단계: 사용할 폰트를 블로그에 미리 로드
- 2단계: 글마다 강제 적용 CSS 삽입
1단계: Google Fonts로 블로그스팟 폰트 불러오기
외부 웹폰트를 사용하려면 먼저 블로그에 “이 폰트를 사용할 예정”이라는 선언이 필요합니다.
① Google Fonts에서 폰트 선택
- Google Fonts 접속
- 원하는 서체 검색 (예: Nanum Gothic, Noto Sans KR 등)
- Get Font → Get Embed Code 클릭
- <link> 코드 복사
② Blogger 테마 HTML에 삽입
- Blogger 관리자 → 테마 → HTML 편집
- <head> 태그 검색
- 바로 아래에 복사한 <link> 코드 붙여넣기
- 저장
이제 블로그는 해당 폰트를 사용할 준비가 된 상태입니다.
만약 맑은 고딕, Apple SD Gothic Neo 같은 시스템 기본 글꼴만 사용할 경우 이 단계는 생략 가능합니다.
2단계: 개별 글에 폰트 강제 적용 (CSS !important 활용)
이 단계가 핵심입니다. 테마가 아무리 변경되어도 폰트가 유지되도록 만드는 방식입니다.
HTML 보기에서 코드 추가
이 코드를 글 최상단에 삽입하면 됩니다. !important는 CSS 우선순위를 강제로 높여 테마의 설정보다 앞서게 합니다.
시스템 기본 글꼴 우선순위 설정 예시
블로그스팟 폰트 고정이 중요한 이유
- 일관성 유지 → 방문자가 안정감을 느낌
- 브랜드 이미지 강화 → 콘텐츠 신뢰도 상승
- 이탈률 감소 → 체류 시간 증가
SEO 관점에서 폰트 설정이 중요한 이유
글이 읽기 편하면 페이지 체류 시간 증가, 이탈률 감소로 이어집니다. 이는 구글 알고리즘에 긍정적 신호로 작용합니다.
FAQ
공식 참고 자료
정리
테마가 바뀌어도 내 글꼴은 유지됩니다. 이제 더 이상 폰트 때문에 반복 수정할 필요는 없습니다.