Use Any Font 플러그인을 이용해 워드프레스 나눔바른고딕을 적용하려는 분들이 많습니다. 기본 글꼴이 사이트 분위기와 어울리지 않거나, 한글 글자가 어색하게 보이는 경우가 있기 때문입니다. 특히 한글 위주로 글을 작성하는 블로그는 폰트에 따라 화면 느낌이 꽤 달라지는 편입니다.
글자 간격이 답답해 보이거나 오래된 기본 폰트 느낌이 강하면 본문 전체가 무겁게 보일 수 있습니다. 그래서 웹폰트를 불러오는 대신 직접 폰트 파일을 업로드해서 적용하는 방법을 사용하는 경우도 많습니다. 외부 폰트 요청을 줄일 수 있다는 점 때문에 이런 방식을 선택하는 사람들도 있습니다.
이번 글에서는 Use Any Font 플러그인을 이용해 워드프레스에 나눔바른고딕 폰트를 적용하는 과정을 이미지 순서대로 정리해 보겠습니다.
목차
나눔바른고딕을 적용하기 전에 확인할 점
워드프레스에서 폰트를 바꾸는 작업은 단순히 글꼴만 바꾸는 일이 아닙니다. 화면 전체 가독성, 로딩 속도, 브라우저 표시 방식에 영향을 줄 수 있습니다. 특히 한글 폰트는 파일 용량이 큰 편이라 무분별하게 여러 개를 넣으면 페이지가 늦게 열릴 수 있습니다.
그래서 처음에는 한 가지 폰트만 정해서 테스트하는 편이 안전합니다. 이 글에서는 워드프레스 나눔바른고딕 적용을 기준으로 설명합니다.
폰트 적용 전 체크할 부분은 아래와 같습니다.
- 사용할 폰트 파일이 준비되어 있는지 확인
- 너무 많은 굵기 파일을 한 번에 넣지 않기
- 본문, 제목, 메뉴 중 어디에 적용할지 먼저 정하기
- 적용 후 모바일 화면도 같이 확인하기
- 기존 테마 폰트와 충돌이 없는지 확인하기
나눔바른고딕 다운로드 화면 확인
나눔바른고딕은 네이버에서 제공하는 한글 글꼴입니다. 화면에서는 나눔바른고딕 설치 버튼이 보이고, 윈도우용과 맥용 다운로드 항목이 나누어져 있습니다. 이 단계에서 중요한 것은 운영체제에 맞는 파일을 받는 것입니다. 윈도우에서 사용할 파일을 받은 뒤 설치하면 컴퓨터의 Fonts 폴더에 폰트가 등록됩니다.
워드프레스 나눔바른고딕 적용은 서버에 폰트를 올리는 작업이기 때문에, 먼저 내 컴퓨터에서 폰트 파일을 찾아야 합니다. 다운로드만 하고 끝나는 것이 아니라 실제 폰트 파일 위치까지 확인해야 다음 단계로 넘어갈 수 있습니다.
윈도우 Fonts 폴더에서 글꼴 찾기
나눔바른고딕을 설치한 뒤에는 윈도우 Fonts 폴더에서 해당 글꼴을 찾습니다. 화면에서는 여러 글꼴 중 나눔바른고딕이 선택된 모습이 보입니다. 이 단계가 필요한 이유는 Use Any Font 플러그인에 업로드할 실제 폰트 파일을 준비해야 하기 때문입니다.
단순히 컴퓨터에 설치된 상태만으로는 워드프레스 사이트에 바로 적용되지 않습니다. 글꼴을 찾았다면 복사해서 별도 폴더에 옮겨두는 편이 관리하기 쉽습니다. 여러 폰트가 섞인 상태에서 작업하면 잘못된 파일을 업로드할 수 있기 때문입니다.
업로드할 나눔바른고딕 파일 정리
복사한 나눔바른고딕 파일을 별도 폴더에 넣으면 여러 굵기의 폰트 파일을 확인하게 됩니다. 화면에는 Regular, Bold, Light, UltraLight 계열 파일이 나누어져 있습니다. 여기서 모든 파일을 무조건 올릴 필요는 없습니다. 폰트 파일이 많아질수록 로딩 부담이 커질 수 있기 때문입니다.
일반적인 블로그라면 먼저 Regular 파일을 기준으로 적용하고, 필요할 때 Bold를 추가하는 흐름이 무난합니다. 제목과 본문에 다른 굵기를 쓰고 싶다면 그때 추가 파일을 올리면 됩니다.
워드프레스 나눔바른고딕 적용을 처음 하는 경우라면 한 가지 파일로 먼저 테스트하는 편이 안전합니다.
Use Any Font 플러그인 검색
워드프레스 관리자 화면에서 플러그인 추가로 이동한 뒤 “use any font”를 검색합니다. 화면에는 Use Any Font 플러그인이 표시되어 있습니다. 이 플러그인은 폰트 파일을 직접 업로드한 뒤 사이트 요소에 적용하는 방식입니다. 외부 웹폰트만 의존하지 않고 직접 넣는 구조라 원하는 한글 폰트를 사이트에 연결할 때 자주 사용됩니다.
설치 전에는 최근 업데이트 날짜와 사용 중인 워드프레스 버전과의 호환 여부를 함께 확인하는 편이 좋습니다. 폰트 관련 플러그인은 관리자 화면과 에디터 표시에도 영향을 줄 수 있어 안정성이 중요합니다.
API 키 생성 후 플러그인 연결
Use Any Font 설정 화면에서는 API KEY 영역이 보입니다. 화면에는 Generate Test API Key 버튼이 강조되어 있습니다. 이 과정은 폰트 변환과 업로드 기능을 사용하기 위한 준비 단계입니다. 테스트 API 키는 제한이 있지만 한 가지 폰트만 적용하려는 경우에는 먼저 테스트해볼 수 있는 방식입니다.
버튼을 눌러 키를 생성한 뒤 Verify 과정을 거치면 폰트 업로드 단계로 넘어갈 수 있습니다. 이 단계가 완료되지 않으면 폰트 파일을 올려도 정상 적용이 어려울 수 있습니다.
워드프레스 나눔바른고딕 적용에서 API 키 설정은 건너뛰기 쉬운 부분이지만, 실제 업로드 흐름에서는 꼭 확인해야 하는 단계입니다.
폰트 파일 업로드
API 키 설정이 끝나면 Upload Fonts 영역에서 Add Fonts 버튼을 눌러 폰트 파일을 업로드합니다. 화면에서는 Add Fonts 버튼이 강조되어 있습니다. 이 단계에서는 앞에서 정리해 둔 나눔바른고딕 파일을 선택합니다.
처음부터 여러 굵기를 모두 넣기보다 기본 글꼴 하나를 먼저 올리고 화면 변화를 확인하는 흐름이 안정적입니다. 업로드 후 바로 반응이 없는 것처럼 보일 수 있습니다. 폰트 변환 과정이 진행되는 동안 시간이 조금 걸릴 수 있으니 완료될 때까지 기다려야 합니다.
폰트가 정상 등록되면 목록에 파일명이 나타납니다. 이 상태가 되어야 다음 단계에서 사이트 요소에 폰트를 배정할 수 있습니다.
Assign Font에서 적용 위치 선택
폰트 업로드가 끝났다면 Assign Font 화면에서 실제 적용 위치를 선택합니다. 화면에는 Select Font 항목과 본문, 제목, 문단, 목록, 메뉴 같은 선택 항목이 보입니다. 여기서 업로드한 나눔바른고딕을 선택한 뒤 적용할 요소를 체크합니다.
예를 들어 본문만 바꾸고 싶다면 Paragraphs 항목을 선택하고, 제목까지 바꾸고 싶다면 Heading 항목을 함께 선택합니다. 모든 요소에 한 번에 적용하면 사이트 분위기가 갑자기 달라질 수 있습니다. 그래서 처음에는 본문이나 제목처럼 한 영역만 적용한 뒤 화면을 확인하는 편이 안전합니다.
Custom Elements 영역에는 직접 CSS 선택자를 입력할 수도 있습니다. 특정 영역에만 워드프레스 나눔바른고딕을 넣고 싶을 때 이 방식이 필요합니다.
적용 후 확인해야 할 부분
워드프레스 나눔바른고딕 적용이 끝났다면 사이트 화면을 바로 확인해야 합니다. 관리자 화면에서 저장만 했다고 끝나는 것이 아닙니다. 확인할 부분은 아래와 같습니다.
- 본문 글자가 정상 표시되는지
- 제목 굵기가 너무 무겁지 않은지
- 모바일 화면에서 줄 간격이 자연스러운지
- 메뉴 글자가 깨지지 않는지
- 페이지 로딩이 느려지지 않았는지
- 기존 테마 폰트와 충돌이 없는지
특히 한글 폰트는 파일 용량이 커질 수 있기 때문에 적용 후 속도 변화도 확인하는 편이 좋습니다. 너무 많은 폰트를 올리면 화면이 늦게 그려지는 느낌이 생길 수 있습니다.
폰트 적용 후 기대할 수 있는 변화
나눔바른고딕을 적용하면 한글 글자의 모양이 더 일정하게 정리됩니다. 특히 본문이 많은 블로그에서는 글자 모양이 안정되면서 읽는 흐름이 부드러워지는 경우가 많습니다. 다만 폰트 변경은 디자인 요소이면서 동시에 로딩 요소이기도 합니다. 그래서 예쁜 글꼴을 넣는 것보다 필요한 위치에만 적용하는 것이 중요합니다.
워드프레스 나눔바른고딕 적용은 사이트 분위기를 바꾸는 작업이지만, 잘못 설정하면 속도 문제나 표시 오류로 이어질 수 있습니다. 그래서 플러그인 설치, API 키 설정, 폰트 업로드, 적용 위치 선택 순서로 차근차근 진행하는 편이 안전합니다.
마무리
Use Any Font 플러그인을 사용하면 워드프레스 나눔바른고딕을 직접 업로드해서 적용할 수 있습니다. 핵심은 폰트를 많이 넣는 것이 아니라 필요한 파일만 올리고, 적용 범위를 정확히 정하는 것입니다.
본문이나 제목부터 천천히 적용해 보면 사이트 분위기와 가독성을 함께 조정할 수 있습니다.
▶ 워드프레스 목차 플러그인 설정 방법 — 애드센스 코드가 목차에 나오는 문제 해결
