[블로그 꾸미기] 티스토리 폰트 나눔고딕 적용 방법

이번 포스팅은 티스토리 폰트를 나눔고딕으로 적용하는 방법에 대해서 알아보려고 한다.

블로그를 작성하다 보면 굴림, 돋움 사실 글씨가 이쁘지가 않다.

하지만 네이버에서 지원하는 나눔고딕 폰트가 깔끔함으로 어필하고 있지만 티스토리에는 기본폰트로 나눔고딕을 적용하지 않고 있다. 그래서 블로그 관리자들은 티스토리 블로그에 적용하기에 힘쓴다.

그럼 티스토리 블로그에 나눔고딕 폰트를 적용하는 방법에 대해 알아보도록 하자.

1. 구글의 폰트제공 페이지 방문

http://www.google.com/fonts/earlyaccess

2. 찾기를 통해 "Nanum Gothic" 을 입력하여 검색한다.

위 캡쳐된 내용을 보면 Link 에 해당하는 내용이 있다.

바로 @!import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

이것을 copy 하여 티스토리 관리자 모드의 HTML/CSS 편집 영역에서 복사한 내용을 적용해주면 된다.

우선 복사하기로 한다.

3.  티스토리 설정

위에서 보이는 메뉴는 티스토리 관리자 모드 왼쪽에 보이는 메뉴이다. 해당 메뉴 중간쯤 "HTML/CSS 편집"이 보이는데 해당 링크로 돌아가면 아래와 같은 편집 영역이 보일것이다.

상단은 skin.html 하단은 style.css 파일로 구성되어 있고 style.css 내에 위 2번에서 복사한 내용을 최 상단에 붙여 넣어 나눔고딕 css 파일을 적용할 수 있도록 한다.

4. font-family 수정

추가로 html 과 css 에 대한 어느정도 지식을 가지고 계신 분이라면 쉽게 적용이 가능하리라 생각된다. font 또는 font-family 라는 속성은 폰트를 정의할 수 있도록 해주는 css 속성으로 화면에 어떤 폰트로 보여줄 것인지 정의하는 것이기 때문에 해당 속성을 변경해 주면 된다. 즉, font-family 또는 font 키워드로 검색하여 "Nanum Gothic" 을 추가하여 나눔고딕 폰트로 보여질 수 있도록 적용후 저장하면 끝!!

이제 자신의 블로그 페이지로 이동하여 정상적으로 나눔고딕으로 보여지는지 확인해 보고 만약 나눔고딕으로 적용되지 않았다면 다시한번 위에서 부터 차근히 살펴보는 시간을 갖어 보길 바란다.

이상 티스토리 폰트를 나눔고딕으로 적용하는 방법에 대해서 알아봤습니다.