[blog DIY] 가독성 높은 웹폰트를 블로그에 설정해보자!

블로그를 꾸미기로 마음먹고나서 제일 먼저 신경이 쓰였던건,

밋밋하고 어딘가모르게 촌스러워 보이는 기본 폰트...ㅠㅠ

핸드폰에도 폰트가 중요해 4.3 업그레이드 멋모르게 하고 눈물을 훔친 나에게는

전체적인 폰트가 아주아주 중요하다.

개인적으로는 아기자기하고 둥글둥글한 폰트들을 좋아하지만

블로그에는 다수에게 읽히기 쉽고 깔끔한 가독성 높은 폰트가 짱!!

여기저기 검색해서 블로그 웹폰트를 바꾸는 방법들을 해봤는데,

그중에 이방법이 제일 간편하고 좋은듯한거 같다!

먼저, http://www.google.com/fonts/earlyaccess 에서 찾기(Ctrl F)로 Korean을 입력하면

한글 적용이 가능한 웹폰트들이 찾아질 것이다.

그중에 적용하고 싶은 한글 폰트를 정하고,

@import~ 어쩌구 요 문장을 복사한다

웹폰트라는 것이 웹에 업로드 되어있어 주소를 import 시키고, 내 블로그를 열때마다 그 폰트를 불러오는 형식이므로

위의 한줄을 복사하는 것은 폰트가 업로드 되어 있는 주소를 블로그에 입력하는 것과 같다고 보면된다.

복사를 했다면, 관리자 페이지로 가서 html/css 수정페이지로 들어가서 붙여넣기를 해준다.

style.css 부분에 붙여넣기 하면 되고, 복사위치는 맨~위쪽이여야한다.

이부분은 올리려고보니 캡쳐가 안되있네ㅠㅠ??? 흐어엉...

그리고나서, 스크롤을 내리다보면 body {} 라는 부분이 나올텐데 이부분이 페이지 전체를 말하는 부분이다

괄호안을 잘 살펴보면 font-family: 라는 부분이 나올텐데, 그 부분을 지정한 폰트로 바꿔주면 된다. 아래그림 처럼!

반드시 지정할 폰트를 쌍따옴표(" ") 또는 따옴표(' ')안에 입력해줘야 하며 그뒤의 폰트들은 굳이 입력할 필요는 없는듯..

난 처음에는 나눔명조로 폰트를 사용하려고 했는데... 역시 귀가 얇아 대세를 따라 나눔고딕으로 바꿈^.^;;;

혹시라도 적용이 안되는 부분이 있다면 역시 찾기로 font를 입력해서 일일이 폰트들을 변경해줘야 하는데

다행히 나는 그렇게까지는 안해도 폰트가 쉽게 변경이 됐다. 흐흐