[워드프레스] 원하는 한글 폰트 설정하기

  • Home
  • Other
  • [워드프레스] 원하는 한글 폰트 설정하기

아주 오랜만에 블로그에 들어왔는데 예전에 썼던 사진 플러그인 글에 폰트 플러그인 정보 글을 기다린다는 댓글에 왠지 찔려서 과제 하나를 해치운다는 심정으로 이 글을 쓴다. 사실 너무 오래전이라 기억이 가물가물해서 이게 과연 제대로된 정보 글이 될지는 의문이지만, 그래도 나처럼 워드프레스 처음 시작할 때 보기 좋은 한글 폰트를 따로 설정하고 싶은데 인터넷에 나와 있는 다른 방법이 도저히 안 통할 때 도움이 될만한 글이다.

이 글을 읽을 필요가 없는 사람들:

  1. 무료로 폰트 설정하고 싶은 사람들
  2. CSS 지식이 많아서 코딩으로 직접 문제를 해결하고 싶은 사람들

왜냐하면 결론부터 말하자면 : 유료 플러그인을 설치하시면 됩니다! (그러니 이걸로 돈 쓰기 싫다- 하시는 분들은 조용히 ‘뒤로가기’ 클릭하시길..ㅎㅎㅎ)

처음부터 돈을 쓸 생각은 없었다. 이전에 블로그스팟 사용할 때도 우여곡절 끝에 내가 원하는 나눔바른고딕 폰트를 적용시켰던 적이 있어서 (html 기본지식도 없는데 여러 정보를 짜깁기 해서 정말 기적적으로 적용시킴ㅎㅎㅎ세상뿌듯) 워드프레스에서도 그럴 생각이었다. 그러나… 나는 비싼 돈 주고 유료 워드프레스 테마를 구입했고, 유료 테마 답게 이런저런 복잡한 코드가 너무 많았으며… CSS 코드 몇 개 추가/수정하는 것까지는 어떻게 가능해도 도저히 폰트 전체를 바꾸는 건 힘들었다. @font-face라든가 @import라든가 전부 다 안됨… 만약 워드프레스 기본 테마이거나 나와는 다르게 CSS 기본지식이 좀 있는 사람이라면 이 글을 건너뛰고 다른 것을 찾아보는 것 추천. 방법은 많이 나와 있으니.

사람들이 많이 사용하는 방법으로는 구글 폰트가 있는데 그건 영문 폰트를 설치하는 데는 도움이 될지 몰라도 한글 폰트는 턱없이 부족하다. 나눔고딕은 있는데 개인적으로는 나눔고딕 싫어해서ㅠㅠ 무조건 다른걸로 바꾸고 싶었다.

한글 폰트를 설치할 수 있는 무료 플러그인 중에서는 로켓폰트 플러그인이 그나마 괜찮았는데, 내가 원하는대로 완벽하게 적용이 되지는 않았다.  사실 정확하게는 기억나지 않는데 나눔바른고딕이 내가 아는 것과 좀 다르게 생겼었고 (너무 가늘었나? 그랬던듯) 글을 작성하는 에디터하고 호환이 잘 안 됐던 것 같다. 아무튼 뭔가 문제가 있었음.

그래서 내가 결과적으로 사용한 플러그인은 Use Any Font

설정 화면에서 Add Fonts 클릭 후 내가 원하는 폰트를 업로드할 수 있다. 다행히도 네이버 폰트는 무료 배포라서 구하기도 쉬울 뿐더러 저작권 문제도 없음. (나눔글꼴 만만세!)

폰트 하나까지는 무료인데 (그런데 그 하나를 다른 걸로 바꾸는 것도 안 통한다고 함. 그러니 정말 딱 한번 지정이 가능한듯? 나는 하나 해보고 나서 바로 유료 전환해서 정말 그런지는 모르겠음) 그래서 우선 하나를 업로드해 보고 실제로 본인 워드프레스에서 적용 가능한지 꼭 테스트해 보는 것을 추천

그 밑 Assign Font에서는 무슨 글꼴을 어느 항목 기본 글꼴로 할지 설정할 수 있음.

Instructions 항목을 보면 알 수 있지만 하나까지는 무료, 유료는 20달러에서 100달러. 내가 구매했을 때는 기부금 형태로 돈을 받던데 (세금 때문인가 -_-;;) 금액에 따라서 혜택이 달라지는 건 아니니 꼭 최저금액으로 설정하기! 내 기억에는 10달러가 최저였던 것 같은데 그새 올린 건지, 내 기억이 잘못된 건지는 모르겠다.  이걸 구입했을 때는 이미 몇 시간을 고생했던 상황이라 폰트가 제대로 적용만 된다면 돈 내는 게 아깝지 않았고, 사실 지금도 그 정도 투자는 아깝지 않다고 생각한다.

그런데 첫 사진을 보면 알겠지만 나는 더 많은 글꼴을 추가했음. 그 이유는 에디터에서 저 글꼴들을 설정할 수 있기 때문.

워드프레스 처음 사용해본 사람들은 알겠지만ㅋㅋㅋ 기본 에디터는 정말 충격 그 자체임. 제대로된 기능이 없음. 글씨체 바꾸는 설정조차 없음ㅋㅋㅋㅋㅋ그래서 에디터도 다른 플러그인을 설치해야 하는데 가장 흔하게 쓰는 건 TinyMCE Advanced 인 것 같아 나도 설치. 그래야 좀 제대로된 에디터 같음. 아무튼 거기서 글꼴 설정이 가능한데, Use Any Font에 추가했던 폰트가 전부 떠서 편리하다.

참고로 글씨체별로 굵기 다른 걸 전부 설치한 이유는 나눔글씨체에서 “굵게”가 안 먹혀서 강조를 하고 싶거나 그럴때 글씨체 자체를 다르게 해야 하기 때문.

현재 이 블로그 본문 글에 설정해 놓은 글씨체는 나눔스퀘어라운드b이고 혹시 글씨체를 못 정했다면 예시로 몇 개 보여드림.

나눔스퀘어라운드b > 수수의 독일생활

나눔바른고딕 > 수수의 독일생활

나눔스퀘어b > 수수의 독일생활

나눔바른펜b > 수수의 독일생활

 

누군가에게는 이 포스팅이 도움이 되었길 바라며 끝!

 

Tags:

Sue

댓글✏️은 큰 힘이 됩니다💙. 댓글은 승인 후에 보이기 때문에 제출하신 직후에는 보이지 않습니다. Subscribe 📬을 통해 새 글 알림을 받아보실 수 있습니다. 블로그 내 모든 이미지 🖼️ 와 내용📝의 무단 도용을 금지🚫 합니다. All rights reserved. No usage without permission.

Blog Comments

과외받은 느낌이네요. 감사합니다!

잘읽었습니다!!

댓글 힘이 된다 하셔서 적습니다. ㅎㅎ 저도 폰트 때문에 은근.. 스트레스.. 가는글씨.. 싫거든요 ㅎㅎ 글 도움 받았습니다^^

감사합니다 :) 영어폰트는 가독성도 좋고 보기 좋은데 한글폰트는 좀 그렇죠ㅎㅎ 그래도 한번 고생해서 제대로 설정해놓으면 두고두고 보기 좋으니 할만한 것 같아요.

네이버 블로그 오래하다가 워드프레스로 갈아타고 꾸미기 막 시작 중인데 뭐가 뭔지 헤매고 있습니다. 님의 여러 포스트가 도움이 많이 되네요. 감사합니다.

Leave a Comment