워드프레스 눈누 폰트로 변경하는 법 (변경 전후 페이지 스피드)
워드프레스에서 글을 쓰다 보면 폰트가 너무 마음에 들지 않는다는 생각에 공감하시는 분들이 많을 것 같습니다. 그래서 저는 워드프레스 내에서 좋은 폰트가 없을까 찾아보는데 마땅한 것이 없는 것 같습니다. 저와 같은 분들에게 워드프레스 눈누 폰트를 소개해 드리겠습니다.
워드프레스 폰트 변경의 필요성
티스토리 블로그나 네이버 블로그를 운영하다가 이제 막 워드프레스를 시작한 분들은 저의 마음을 공감하실 겁니다. 우선 저는 워드프레스에서 원프레스(Onepress)라는 테마를 사용하고 있습니다. 매일 포스팅을 하는데, 글 폰트가 너무 마음에 들지 않는 것입니다.
글을 다 쓰고 공개하기 전에 한번 씩 글을 훑어 내려가면서 읽는데, 그때마다 글 폰트가 항상 마음에 걸렸습니다. 워드프레스에 들어오는 방문자들이 끝까지 글을 다 읽을까 하는 걱정이었습니다.
사실 글을 쓰는 저부터 다 작성한 다음 전체적으로 훑어 보는데, 폰트가 마음에 걸리면 끝까지 글을 읽지 않습니다. 아마 많은 분들이 그러지 않겠나 예상해 봅니다.
블로그에서 좋은 폰트는 일명 방문자의 가독성을 높이는 데 도움을 주고, 이는 곧바로 높은 블로그 지수를 유지하는데 큰 역할을 한다고 생각합니다.
워드프레스 눈누 폰트 변경하는 법
눈누 폰트는 대중들에게 무료로 공개된 상업적 폰트 중에 하나입니다. 검색 엔진에서 눈누 폰트로 검색을 하시면 쉽게 찾으실 수 있습니다.
눈누 웹사이트로 들어가시면 정말 다양한 폰트를 보실 수 있는데 그 중에 마음에 드는 폰트를 선택하여 들어가셔서 아래와 같이 웹폰트로 사용 아래 코드를 복사하시고 그것을 워드프레스 CSS에 붙여 넣으시면 됩니다.
1) 복사한 눈누 폰트 코드를 워드프레스에 삽입하기
사용하시는 테마마다 조금 다를 수는 있겠지만, 저는 Onepress 테마를 사용하고 있고, 왼쪽 메뉴에 [외모]라는 메뉴가 있습니다. 거기를 클릭하고 사용자 정의하기와 추가 CSS로 들어가시면 코드를 입력할 수 있는 하얀색 공간이 나옵니다.
- 워드프레스 관리자 화면 – 외모
- 사용자 정의하기
- 추가 CSS
- 하얀색 공간 (기존에 어떤 코드가 있더라도 그 밑에 적으시면 됩니다)
그 곳에 위에서 복사한 코드를 붙여 넣으시면 됩니다.
그리고 그 다음 줄에 반드시 * {font-family: ‘폰트체’, serif;} 입력하셔야 워드프레스 폰트가 변경됩니다.
만약, 위와 같이 강원교육모두체를 사용한다면, 위의 폰트체 위치에 위의 사진에 나와있는 GangwonEdu_OTFBoldA를 넣는 것입니다. 이렇게 할 경우 공개 버튼을 누르기 전에 실시간으로 폰트체가 바뀜을 알 수 있으니 한번 더 원하시는 폰트 인지 확인하실 수 있습니다.
다시 눈누 폰트로 변경된 글을 읽는데, 정말 마음에 듭니다. 글이 술술 읽혀 내려가는 느낌입니다.
2) 워드프레스 눈누 폰트 변경 전후 페이지 스피드
워드프레스 폰트 변경은 방문자의 가독성을 위해서 꼭 필요한 요소이긴 하지만 한 가지 걸리는 점이 있습니다. 바로 페이지의 속도입니다. 워드프레스 눈누 폰트 변경하기 전후의 구글 스피드 인사이트 수치를 비교해 보았습니다.
[워드프레스 폰트 변경 전후의 데스크톱에서 보는 페이지 성능과 속도]
단순히 워드프레스에 눈누 폰트 변경하였을 뿐인데 데스크톱에서 보는 페이지의 속도와 성능도 많이 떨어졌습니다. 특히, Speed index는 웹페이지가 얼마나 빠르게 채워지는 나타내는 수치인데, 그것이 변경 전 1.6초에서 변경 후 2.0초로 되었습니다.
즉, 느려졌다는 것입니다. 성능은 무려 91에서 79까지 떨어졌습니다. 고작 폰트 하나로 달라지긴 얼마나 달라지겠어 생각했던 저에게는 큰 충격이었습니다. 그래서 다들 새 폰트를 설치하지 말라고 하고, 한 후에는 스피드 체크를 해보라고 한 것이었습니다.
[워드프레스 폰트 변경 전후의 휴대전화에서 보는 페이지 성능과 속도]
휴대전화로 보는 페이지의 속도에 정말 제대로 놀랐습니다. Speed index가 무려 5.4초에서 9.1초로 느려졌습니다. 성능은 워낙 낮았던 탓에 그 영향을 적게 받은 것 같은데, 데스크톱에 비해 속도가 느려져도 정말 많이 늦어졌습니다.
저만 이렇게 속도와 성능이 떨어진 것인가요? 다른 분들도 그런지 알고 싶습니다. 워드프레스 폰트 변경으로 인하여 생기는 장단점 중에 하나를 선택할 수 밖에 없는 상황이 된 것 같습니다.
여러분들은 어떤 것을 선택 하시겠습니까. 가독성 높이고, 글도 전체적으로 예쁘고 이런 것 다 좋은데, 웹 페이지 속도가 느리진다는 것은 블로그를 하는 사람들에게는 아주 치명적인 부분입니다.
그래서 눈물을 머금고 눈누 폰트를 삭제했습니다. 삭제하는 방법은 코드 입력했던 곳에서 다시 삭제하고 공개 버튼을 누르시면 됩니다.
마무리
오늘은 워드프레스 눈누 폰트로 변경하는 법에 대하여 알아보는 시간을 가져보았습니다. 확실히 워드프레스를 운영하면서 느꼈던 부분은 티스토리나 네이버 블로그가 쉬웠구나 하는 생각이 들었습니다.
왜냐하면 티스토리, 네이버 블로그는 그래도 자체적으로 꽤 괜찮은 폰트를 가지고 있어서 별도로 다운로드를 할 필요가 없기 때문입니다. 그러면 웹 페이지 속도에 영향을 미치지도 않을 것이고요.
그래도 본인은 속도보다 디자인 측면이 더 좋아야 한다고 생각하시는 분들은 위의 눈누 폰트 웹사이트 링크를 통해서 본인이 좋아하시는 폰트 다운받아 설치하고 블로그를 작성하셔도 됩니다.
모든 선택의 대한 책임은 본인이 지는 것이기 때문입니다. 각자가 생각하는 우선순위가 다 다르기 때문에 존중합니다.
