구글 블로그스팟 전체 글꼴 웹폰트로 수정하여 가독성UP,수익형 운영

인트로

구글 블로그스팟의 수익형 블로그 운영을 위해서는 전반적인 글꼴을 수정하여 가독성UP해야 체류시간이 길어질 수 있습니다. 체류시간의 증가는 구글 지수에 영향을 준다고 알려져있습니다. 많은 방문자 유입을 위해서는 좋은 글도 중요하지만 디자인과 글꼴의 중요성역시 무시는 못합니다. 

그렇기에 이번에는 구글 블로그 스팟의 전체 글꼴을 수정하는 법에 대해서 알아보려고 합니다. 

 

폰트 수정 전 

사실 SEO 최적화 무료 스킨으로 교체하면서 그리 나쁜 폰트는 아니였지만, 해당 스킨을 만든 회사가 베트남이다 보니깐 한글 적용시 일부 글자가 뭉쳐져 보이는 현상이 있었습니다. 그래서 계속 걸리더라고요. 

그나마 본문글은 낫긴한데, 그것도 좀 흐리다고 해야 할까요!

이대로는 안되겠다는 생각을 했습니다. 

※ 무료 SEO최적화 구글 블로그스팟 스킨에 대해 궁금하시면 아래 포스팅을 참조해주세요~!

구글 블로그스팟 수익형 운영,SEO최적화 무료스킨 추천 및 설치,설정법

 

폰트 수정전 블로그 글 상태

 

그래서 구글 웹폰트로 가서 알아보았습니다. 

Browse Fonts - Google Fonts

 

구글 웹폰트에서 찾아 보시고 가장 마음에 드시는 것을 고르시면 됩니다. 

저는 "Noto Sans KR"폰트가 가장 마음에 들더라고요.

클릭해서 폰트에 대해 자세히 봅니다. 

 

폰트가 적당히 두꺼워서 흐릿한 현재 블로그에 적용된 폰트보다는 좋아보입니다. 

다른 더 두꺼운 것도 있지만 그걸 적용하면 왠지 너무 눈이 아플것 같아서 적당한 Noto Sans KR폰트를 선택했습니다.

 

 

"GET"폰트를 눌러줍니다. 

그럼 코드를 가져갈 것인지 다운로드를 받을 것인지 선택해서 클릭하라고 합니다. 그런데 사실 저희는 저걸 할 필요가 없습니다. 구글 블로그 스팟은 구글의 왠만한 폰트를 간단히 사용가능합니다. 그래도 티스토리 등을 할때는 봐야하니깐 한번 클릭해봅니다. 

 

원래는 링크나 임포트를 통해 HTML헤드나 CSS에 넣어주고 적용해줘야 하는데 저희는 그러지 않습니다. 

폰트 변경 방법

저희는 블로그 스팟의 설정페이지에서 테마-맞춤설정 버튼을 클릭합니다. 

그러면 왼쪽에 선택 할 수 있는 스크롤이 숨겨져있는데 하단과 같이 마우스를 한번 클릭하면 펼쳐집니다. 

가장 하단에 위치한 CSS추가를 선택합니다. 

 

그리고 하단의 CSS코드를 입력하고 저장하면 됩니다. 

그런데 우클릭 방지가 되어 있으니 파일을 첨부 하겠습니다. 

글꼴변경css.txt

0.00MB

 

 

body, h1, h2, h3, h4, p, iframe, a, td, div {
  font-family: "Noto Sans KR", sans-serif;
!important;
}
* {
  font-family: "Noto Sans KR", sans-serif;
!important;
}

 

상기 파일의 CSS코드를 붙여놓고 저장하면 바로 적용이 됩니다.  

폰트 수정 적용후

언듯보면 달라진게 잘 안느껴질 수도 있습니다. 그런데 자세히 보면 텍스트가 더 또렷해진 것을 느낄 수 있을 겁니다. 

이 작은 차이가 처음에는 잘 못느끼지만 지속되면 가독성에 많은 차이가 생깁니다. 

저도 적용하고 읽어보는데 한결 보기 편하더라고요. 

이왕 블로그 스팟에도 적용한거 티스토리도 글꼴 변경을 해봐야겠습니다. 

티스토리는 좀더 복잡할 것 같긴 하네요 ㅠㅠ

구글 블로그 스팟 설정및 운영 정보

수익형 블로그 성공을 위한 구글 블로그스팟 가입 및 초기 환경설정 방법

수익형 구글 블로그스팟 2차도메인 설정 및 연결방법,저렴한 도메인 구입

구글 블로그스팟 네이버 검색등록 하는법,서치 어드바이저,rss,사이트맵

구글 블로그스팟 다음,빙 검색등록 하는법,서치 웹마스터,rss,사이트맵

구글블로그스팟, 네이버 애널리틱스 사이트 등록,방문자 통계 분석, 경로

구글 블로그스팟 드래그 및 우클릭 방지 설정,수익형 운영,불펌 방지