워드프레스로 블로그를 만들다 보면 “글씨체만 조금 바꾸면 훨씬 더 깔끔할 텐데…”라는 생각을 한 번쯤 하게 됩니다.
제가 이전 글에서도 강조했던 것처럼, 폰트 설정을 조금만 변경해도 블로그 전체의 분위기가 달라질 만큼 글꼴은 디자인에서 굉장히 중요한 요소 입니다.
🔗관련 글보기(새창) : 워드프레스 테마 설치 후 꼭 바꿔야 하는 디자인 세팅 7가지
하지만 막상 시도하려고 하면 CSS나 HTML 코드가 등장하면서 머리가 복잡해지죠.
사실 워드프레스에서는 코드를 몰라도 플러그인이나 테마 설정만으로 간단하게 폰트를 변경할 수 있습니다.
이 글에서는 초보자도 단 10분 만에 글꼴을 바꿀 수 있는 방법에 대해서
어려운 코드 설명은 최대한 줄이고, 실전에서 바로 적용할 수 있는 내용만 요약해서 쉽게 소개해 드리겠습니다.
Table of Contents
폰트를 바꾸면 사이트가 달라진다
폰트는 단순한 디자인 요소가 아닙니다.
블로그를 운영해본 경험이 있는 분이라면 글씨체 하나가 블로그 전체의 인상과 방문자들의 체류 시간에 영향을 주는 중요한 요소라는 걸 알고 있습니다.
가독성 향상: 정리된 폰트는 콘텐츠의 높여 방문자가 사이트에 오래 머물게 합니다.
블로그 이미지 강화: 폰트 스타일은 사이트 전체의 분위기를 결정합니다.
광고 수익에도 영향: 방문자의 체류 시간이 길고, 페이지뷰 수가 높다면 광고 수익(클릭, 노출)도 자연스럽게 상승하죠.
즉, 폰트는 ‘시각적인 요소’가 아니라, 블로그의 전략적인 요소로 바라봐야 합니다.
그럼 이제 본격적으로 폰트를 변경하는 방법을 알아보겠습니다.
1. 플러그인으로 폰트 변경하기 (코드 완전 무지한 초보자용)
가장 쉬운 방법은 전용 플러그인 사용입니다.
CSS를 몰라도, 클릭 몇 번으로 폰트를 바꿀 수 있는 플러그인이 있습니다.
Fonts Plugin
가장 많이 쓰이는 무료 폰트 플러그인 중 하나 입니다.
수백 개의 구글 폰트와 포토샵으로 유명한 Adobe 폰트를 설정이 가능하며, 변경 즉시 미리보기가 가능합니다.
설치 방법
- 대시보드 왼쪽 메뉴에서 ‘플러그인 → 플러그인 추가’로 이동
- “Fonts Plugin” 검색 → 설치 → 활성화
- ‘모양 → 사용자 정의 → 타이포그래피’ 항목으로 이동
- ‘Body’, ‘Heading’ 등 변경하고 싶은 항목을 지정
- 실시간으로 페이지에 폰트가 변경되는 모습을 확인하며 저장
💡 장점:
– 한글을 지원하는 폰트를 제공합니다.
– 실시간 미리보기 기능을 통해 적용된 모습을 예상할 수 있습니다.
– CSS 수정이 필요하지 않습니다.
2. 테마 설정으로 폰트 바꾸기 (GeneratePress, Astra 등)
대부분의 프리미엄 테마는 자체 폰트 설정 기능을 제공합니다.
이전 글에서 추천한 적이 있는 GeneratePress나 Astra 테마는 가볍고, 속도 저하 없이 디자인을 바꿀 수 있습니다.
🔗관련 글보기(새창) : GENERATEPRESS VS ASTRA VS KADENCE – 어떤 워드프레스 테마가 좋을까?
변경 방법
- 워드프레스 관리자 페이지에서 ‘모양’ → ‘GeneratePress’항목으로 이동
- ‘Modules’ 영역의 ‘Font Library’ 항목이 ‘Activate’상태 인지 여부 확인
– 항목 우측의 버튼이 ‘Deactivate’로 보여지면 활성화 되어있는 상태입니다. - 워드프레스 관리자 페이지에서 ‘모양’ → ‘Font Library’ → ‘Install Google Fonts’항목으로 이동
– 한글 폰트인 ‘Noto Sans KR’을 검색한 뒤, 노출되는 되는 폰트 클릭
– 폰트 체크박스 선택 후, 페이지 좌측 하단의 ‘Install Selected’버튼을 클릭해 폰트를 설치합니다. - 워드프레스 관리자 페이지에서 ‘모양’ → ‘Font Library’ → ‘타이포그래피’ 항목으로 이동
- 본문(Body)·제목(Heading) 각각 항목에 추가된 Noto Sans KR 폰트를 지정
- 글자 크기, 줄 간격, 자간 등 세부 설정
💡 장점:
– 폰트 적용을 위한 플러그인 설치 불필요 → 사이트 속도에 영향 없음
– 반응형 화면에서도 자동으로 최적화된 글씨 표현
3. 웹폰트 직접 추가하기 (조금 더 디테일한 세팅을 원할 때)
플러그인보다 한 단계 깊게 들어가고 싶다면 웹폰트를 직접 추가하는 방법도 존재합니다.
웹폰트를 제공하는 사이트나 적용하는 방법도 다양하지만, 이 글에서는 상업적으로도 이용이 가능한 웹폰트 정보를 제공하는 Google Fonts와 눈누(Noonnu)에서 무료 한글 폰트를 불러오는 방법을 설명 드리겠습니다.
🔗 Googel Fonts(새창): https://fonts.google.com/
🔗 눈누(새창): https://noonnu.cc/
💡 Google Fonts 사용 예시
- Google Fonts 사이트에 접속
- 원하는 폰트를 선택한 뒤 우측 상단의 “Get font” 버튼 클릭
- 이동한 페이지 우측의 “Get embed code” 버튼 클릭
- “Web > @import”항목의 코드 복사(Copy code)
- 워드프레스 관리자 페이지에서 ‘모양’ > ‘사용자 정의’ > ‘추가 CSS’ 항목으로 이동
- ‘추가 CSS’하단에 복사한 코드를 붙여 넣은 후 ‘저장’, ‘새로고침’
💡 눈누(Noonnu) 사용 예시
- 눈누 폰트 접속 후, 원하는 폰트를 검색
- 폰트 페이지 우측의 ‘웹폰트로 사용’을 클릭해 코드 복사
- 동일한 방식으로 ‘추가 CSS’에 코드 붙여넣기
4. 폰트를 고를 때 기억해야 할 팁
- 심플한 폰트가 최고: 예쁜 폰트보다 읽기 쉬운 폰트가 더 오래 살아남습니다. (개인적으로 ‘고딕’스타일의 폰트를 추천합니다.)
- 한글 지원 확인: 해외 폰트 중에는 한글을 지원하지 않아 한글 글씨가 깨지는 경우가 많습니다.
- 일관성 유지: 본문, 제목, 버튼 등에 다른 폰트를 섞으면 어색해집니다. 디자인적인 감각이 뛰어난 분이 아니라면 가능한 폰트를 통일하세요.
- 폰트 수 최소화: 일관성 유지와 같은 맥락에서, 블로그 전체에서 사용하는 폰트의 수를 2~3개 이하로 통일하면 사이트가 깔끔해집니다.
- 테마와 어울리는지 확인: 미니멀한 디자인의 블로그에는 ‘고딕’스타일의 폰트가, 감성적인 디자인의 블로그에는 손글씨와 같은 필기체 타입의 폰트가 어울립니다.
마치며
지금까지 소개해 드린 것처럼, 워드프레스에서 폰트를 변경하는 작업은 생각보다 간단합니다.
오늘 소개한 방법 중에서도 초보자에게 가장 추천하는 건 ‘Fonts Plugin’ 플러그인을 사용하는 것입니다.
이 방법에 조금 더 익숙해지면 테마 기본 설정이나 웹폰트 CSS를 추가로 확장할 수 있지만, 웹폰트를 과도하게 사용하는 경우 사이트 로딩 속도에 영향을 주게되니 과도한 사용은 자제하는게 좋습니다.
단 몇 분 투자로 사이트의 완성도를 끌어올릴 수 있으니, 지금 바로 시도해보세요.
글씨가 바뀌면, 블로그의 분위기도 완전히 달라집니다.
