워드프레스에 ‘이롭게 바탕체’ 적용하는 방법

워드프레스를 사용하면서 개인적으로 마음에 들지 않았던 부분은 폰트의 종류였습니다. 기존 블로그부터 사용하던 폰트가 있었는데 그 폰트의 이름은 ‘이롭게 바탕체’였습니다. 오늘은 워드프레스에 ‘이롭게 바탕체’를 적용하는 방법에 대해 알아보도록 하겠습니다.

이롭게 바탕체란?

이롭게 바탕체는 웹 전용으로 나온 폰트입니다. 디지털 환경에 최적화되어 나온 폰트라 블로그나 웹페이지에서 가독성이 좋은 폰트로 많이 알려져 있는것 중 하나입니다. 이롭게 바탕체는 오픈 폰트 라이센스를 갖고 있어 누구든지 자유롭게 사용할 수 있어 저작권 부분에서도 자유로워 더욱 좋은 것 같습니다. 하지만, 폰트를 수정하여 재판매하는 것은 불법이니 그 점은 참고해주세요.

 

이롭게 바탕체로 변경을 한 이유

이롭게 바탕체는 기존에 운영하던 티스토리 블로그의 사용 폰트였습니다. 나름 오랫동안 사용을 해서인지 이롭게 바탕체 외에 다른 폰트는 제 눈에는 보기에 좋지 않더라고요. ‘보기에 좋지 않다’라는 것은 가독성 문제이니 오해는 하지 말아주세요.

워드프레스에는 플러그인을 포함하여 추가적으로 어떤 무엇인가를 하는 것을 줄이는 것이 좋다는 말을 많이 들었습니다. 설치를 많이 하게 되면 워드프레스의 속도 문제로 인해 구글 코어 웹 바이탈 측면에서 좋지 않다고 하더군요. 실제로 서브 도메인을 추가하여 플러그인을 아무것도 하지 않은 상태에서 워드프레스를 사용해보면 확실히 가볍게 돌아간다는 느낌이 들기는 했습니다. 그래서 굳이 폰트 변경없이 그냥 워드프레스 블로그를 운영할까도 생각했었습니다. 하지만, ‘나한테 좋은것이 남에게도 좋지 않을까?’ 하는 생각에 변경을 결심하게 되었습니다. 남에게는 별로이고 나한테만 좋다고 해도 결국 제일 자주 보는 것은 나일테니 내가 좋은데로 하기로 결정하였습니다.

 

워드프레스에 이롭게 바탕체 적용 전과 후 비교

이롭게 바탕체를 적용하기 전에 궁금하신 분들을 위해 이롭게 바탕체를 적용하기 전과 후의 모습을 먼저 보도록 하겠습니다.

워드프레스에 이롭게바탕체를 적용하기 전의 폰트
이롭게 바탕체를 적용하기 전의 폰트
워드프레스에 이롭게바탕체를 적용한 후의 폰트
이롭게 바탕체를 적용한 후의 폰트

 

워드프레스에 이롭게 바탕체 적용하는 방법

어떤가요? 이롭게 바탕체가 마음에 드시나요? 저는 개인적으로 아주 만족하면서 사용을 하고 있습니다만 혹시 마음에 들지 않고 다른 폰트를 사용하고 싶으신 분들은 검색을 통해 웹폰트를 적용하는 방법에 대해 알아보시는 것도 도움이 될 것 같습니다.

이롭게 바탕체 폰트를 적용하기 위해서는 ‘추가 CSS’ 라는 메뉴에 들어가 아래 첨부되어 있는 CSS를 추가를 해주면 아주 간단하게 변경이 가능한데요. 기존에 OnePress 테마에 폰트 사이즈 조절하는 방법과 같이 적용하면 됩니다. 혹시 폰트 사이즈 조절이 필요하신 분들이라면 이전 글도 참고해 주시면 좋을 것 같습니다.

미리 말씀을 드리자면 추가 CSS에 코드를 삽입하고 나면 우측 화면에서 변경된 모습을 실시간으로 볼 수 있으니 너무 겁내지 마시고 아래 방법대로 따라해 주시면 될 것 같습니다.

폰트 변경을 위해서는 추가 CSS 메뉴로 들어가야 함
관리자 페이지에 있는 외모 -> 추가 CSS 메뉴로 들어갑니다.

첫번째, 워드프레스의 관리자 페이지로 들어간 다음 외모의 하위 메뉴인 ‘추가 CSS’ 메뉴로 들어갑니다.

 

추가CSS 메뉴에서 CSS코드를 복사하여 붙여줍니다.
추가CSS 메뉴에서 아래에 있는CSS코드를 복사하여 붙여줍니다.

두번째, 추가 CSS 메뉴로 들어가게 되면 위와 같은 화면을 보실 수 있는데요. 이 부분에 아래 붙어 있는 코드를 복사하여 붙여줍니다. 복사하여 붙여보면 우측 화면에 폰트가 바로 적용되어 변경되는 것을 확인하실 수 있는데요. ‘발행함’ 버튼을 누르기 전에는 아무런 저장도 되지 않으니 일단 복사하여 붙여넣기를 해보신 후 마음에 안들면 저장없이 그냥 나가면 됩니다. 

@import url(‘//cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css’);

body { font-family: ‘Iropke Batang’, serif; }

 

세번째, 위에 언급하여 설명을 드린 것처럼 마음에 들면 ‘발행함’을 눌러 저장을 한 이후 그냥 사용하시면 되고요. 만약 마음에 들지 않는다면 ‘나가기’로 저장없이 나가시면 됩니다. 이렇게 하면 모든 과정이 끝나게 됩니다. 

 

마치며

지금까지 워드프레스에 무료 웹폰트 중 하나인 ‘이롭게 바탕체’를 적용하는 방법에 대해 알아보았습니다. 아주 간단한 방법으로 이런저런 설정이 가능하다는 것은 워드프레스의 가장 큰 장점이 아닐까 싶습니다. 이렇게 편하고 재미있는 워드프레스를 왜 이제서야 시작했는지 후회가 될 정도네요. 물론 이용하는 비용을 지불해야 하는 것은 단점이긴 하지만요. 

만약 이롭게 바탕체가 처음에는 마음에 들어서 사용을 했는데 나중에 질리거나 가독성이 더 좋은 폰트를 찾았다면 추가 CSS부분에 입력한 코드만 삭제하면 되기 때문에 복원 측면에서도 간단하다고 생각합니다. 워드프레스의 폰트 변경을 통해 더욱 유익한 블로그 생활이 되시길 기원합니다. 끝.

 

함께 보면 좋은 글

✔ 워드프레스 블로그로 벌쳐(vultr) 서버를 선택한 이유와 장점

✔ 구글 상위 노출의 필수 요소인 코어 웹 바이탈이란? 내 블로그 확인하기

✔ 워드프레스 Onepress 테마 폰트 사이즈 변경하기

✔ 알리익스프레스 제휴마케팅(어필리에이트) 계좌등록 방법

✔ 워드프레스 개설 후 약 1주일만에 애드센스 통과 후기

 

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다