워드프레스 눈누 폰트로 변경하는 법 (변경 전후 페이지 스피드)

워드프레스에서 글을 쓰다 보면 폰트가 너무 마음에 들지 않는다는 생각에 공감하시는 분들이 많을 것 같습니다. 그래서 그 해결책으로 워드프레스 눈누 폰트로 변경하는 법에 대하여 이야기해 보도록 하겠습니다.



목차



워드프레스 폰트 변경의 필요성

티스토리 블로그나 네이버 블로그를 운영하다가 이제 막 워드프레스를 시작한 분들은 저의 마음을 공감하실 겁니다. 우선 저는 워드프레스에서 원프레스(Onepress)라는 테마를 사용하고 있습니다. 매일 포스팅을 하는데, 글 폰트가 너무 마음에 들지 않는 것입니다.

글을 다 쓰고 공개하기 전에 한번 씩 글을 훑어 내려가면서 읽는데, 그때마다 글 폰트가 항상 마음에 걸렸습니다. 워드프레스에 들어오는 방문자들이 끝까지 글을 다 읽을까 하는 걱정이었습니다.

왜냐하면 블로그에서 좋은 폰트는 일명 방문자의 가독성을 높이고 이는 곧바로 높은 블로그 지수를 유지하는데 도움이 되기 때문입니다.




워드프레스 눈누 폰트 변경하는 법

눈누 폰트는 대중들에게 무료로 공개된 상업적 폰트 중에 하나입니다. 검색 엔진에서 눈누 폰트로 검색을 하시면 쉽게 찾으실 수 있습니다.

눈누 웹사이트로 들어가시면 정말 다양한 폰트를 보실 수 있는데 그 중에 마음에 드는 폰트를 선택하여 들어가셔서 아래와 같이 웹폰트로 사용 아래 코드를 복사하시고 그것을 워드프레스 CSS에 붙여 넣으시면 됩니다.

워드프레스 눈누 폰트 변경하는 법


1) 복사한 눈누 폰트 코드를 워드프레스에 삽입하기

사용하시는 테마마다 조금 다를 수는 있겠지만, 저는 Onepress 테마를 사용하고 있고, 왼쪽 메뉴에 [외모]라는 메뉴가 있습니다. 거기를 클릭하고 사용자 정의하기와 추가 CSS로 들어가시면 코드를 입력할 수 있는 하얀색 공간이 나옵니다.

그 곳에 위에서 복사한 코드를 붙여 넣으시면 됩니다.

그리고 그 다음 줄에 반드시 * {font-family: ‘폰트체’, serif;} 입력하셔야 워드프레스 폰트가 변경됩니다.

만약, 위와 같이 강원교육모두체를 사용한다면, 폰트체 자리에 위의 사진에 나와있는 GangwonEdu_OTFBoldA를 넣는 것입니다. 이렇게 할 경우 공개 버튼을 누르기 전에 실시간으로 폰트체가 바뀜을 알 수 있으니 한번 더 원하시는 폰트 인지 확인하실 수 있습니다.


2) 눈누 폰트 변경 전후 페이지 스피드

워드프레스 폰트 변경은 방문자의 가독성을 위해서 꼭 필요한 요소이긴 하지만 한 가지 걸리는 점이 있습니다. 바로 페이지의 속도입니다. 워드프레스 눈누 폰트 변경하기 전후의 구글 스피드 인사이트 수치를 비교해 보았습니다.

[워드프레스 폰트 변경 전후의 데스크톱에서 보는 페이지 성능과 속도]

단순히 워드프레스에 눈누 폰트 변경하였을 뿐인데 데스크톱에서 보는 페이지의 속도와 성능도 많이 떨어졌습니다. 특히, Speed index는 웹페이지가 얼마나 빠르게 채워지는 나타내는 수치인데, 그것이 변경 전 1.6초에서 변경 후 2.0초로 되었습니다.

즉, 느려졌다는 것입니다. 성능은 무려 91에서 79까지 떨어졌습니다. 고작 폰트 하나로 달라지긴 얼마나 달라지겠어 생각했던 저에게는 큰 충격이었습니다. 그래서 다들 새 폰트를 설치하지 말라고 하고, 한 후에는 스피드 체크를 해보라고 한 것이었습니다.



[워드프레스 폰트 변경 전후의 휴대전화에서 보는 페이지 성능과 속도]


휴대전화로 보는 페이지의 속도에 정말 제대로 놀랐습니다. Speed index가 무려 5.4초에서 9.1초로 느려졌습니다. 성능은 워낙 낮았던 탓에 그 영향을 적게 받은 것 같은데 데스크톱에 비해 속도가 느려져도 정말 많이 늦어졌습니다.

저만 이렇게 속도와 성능이 떨어진 것인가요? 다른 분들도 그런지 알고 싶습니다. 워드프레스 폰트 변경으로 인하여 생기는 장단점 중에 하나를 선택할 수 밖에 없는 상황이 된 것 같습니다.

여러분들은 어떤 것을 선택 하시겠어요? 저는 일단 다시 설치했던 눈누 폰트를 제거하였습니다. 더 좋은 방법이 있는지 확인하기 위해서 입니다.


<함께 읽으면 좋은 글>

워드프레스 글 양쪽 정렬 만드는 법
워드프레스 링크 버튼 만들기
워드프레스 소제목 꾸미기 (H2 제목)

오늘은 워드프레스 눈누 폰트로 변경하는 법에 대하여 알아보는 시간을 가져보았습니다. 확실히 워드프레스를 운영하면서 느꼈던 부분은 티스토리나 네이버 블로그가 쉬웠구나 하는 생각이 들었습니다.

하지만, 워드프레스에서 더 나만의 창의적인 페이지를 만들 수 있겠다는 점도 역시 느꼈습니다. 글 읽어 주셔서 감사합니다.

답글 남기기

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