가독성 좋은 폰트(글씨체) - 티스토리 블로그 폰트 추천 (나눔고딕 적용 방법)

◐ 가독성 좋은 폰트(글씨체) - 티스토리 블로그 폰트 추천 (나눔고딕 적용 방법) ◑

 

작년에 티스토리 블로그를 하려다 네이버나 다음 블로그보다 어려워 도중에 포기하고 올해 다시 시작하게 되었습니다.  블로그를 운영하다보면, 글을 쓸 때 어떤 폰트(글자, 글씨체)로 작성할까 고민할텐데요.

요즘 많은 블로거들이 사용하는 폰트가 제 블로그에도 적용되어 있는, 가독성 좋은 폰트로 알려진 나눔고딕 혹은 맑은 고딕이라 하겠습니다.  확실히, 가독성이 좋아 저도 나눔고딕을 이용하고 있으며, 나눔고딕이나 맑은고딕은 프린터(인쇄) 했을 경우에도 기존 폰트보다 잉크 사용량을 줄일 수 있다고 합니다.

 

아쉬운 점이 있다면, 네이버 블로그에서는 기본적으로 나눔고딕을 적용하여 글을 작성할 수 있지만, 티스토리블로그는 따로 설정해야 한다는 것입니다.

참고로, 이 폰트를 적용하기 전에 작성한 글들이 글자체 선택없이 기본으로 선택된 돋음 폰트였다면, 기존에 작성된 글들도 모두 나눔고딕으로 변경됩니다.  단, 기존에 글들을 작성했을 때 직접 글씨체를 변경했다면 "HTML"에서 해당 폰트 명령어를 삭제해야 나눔고딕 폰트가 적용됩니다.

본인이 글자체를 변경하지 않았다면, HTML로 보면 폰트 적용이 되어 있지 않음을 확인할 수 있습니다.

우선, 아래의 링크를 통해 나눔글꼴을 다운 받아 본인의 컴퓨터에 설치할 수 있습니다.

링크 ☞ http://hangeul.naver.com/share.nhn

본인의 컴퓨터에 설치하는 방법은 다운 받은 실행 파일을 더블 클릭하여 그냥 설치하면 됩니다.

 

하지만, 본인의 컴퓨터에 나눔글꼴을 설치했다고 하여 블로그의 글이 나눔고딕으로 나오는 건 아닙니다.  나눔고딕으로 보이게 하려면 티스토리블로그는 관리자 메뉴의 "HTML/CSS편집"에서 나눔고딕폰트를 업로드한 후 <style.css>에서 추가작업을 해줘야 합니다.

그냥, 나눔고딕폰트를 업로드하지 않고 <style.css>만 수정하면, 본인의 블로그를 보는 컴퓨터에 나눔고딕이 설치되어 있지 않다면 다른 글꼴로 보여지게 됩니다.

 

아래의 순서대로 하면 나눔글꼴이 설치되어 있지 않은 컴퓨터에서도 본인의 블로그 글을 나눔고딕 폰트로 볼 수 있습니다.

1. 관리자 메뉴의 "HTML/CSS편집"에서 나눔고딕폰트를 업로드 한다.  아래 파일이 나눔고딕 폰트이며 다운 받은 후 본인의 블로그에 업로드하면 됩니다.

NanumGothic.eot

2. 관리자 메뉴의 "HTML/CSS편집"에서 <style.css> 맨 위에 아래와 같이 명령어를 입력한다.  <style.css> 편집 창이 너무 짧으면 아래 이미지처럼 우측 상단의 화살표를 클릭하면 아래로 더 커집니다.

해당 명령어 소스를 첨부합니다.

나눔고딕 소스.txt

3. "font-family" 나 "font" 를 찾아 맨 앞에 "NanumGothic" 을 아래와 같이 추가합니다.

.article{ font-family : NanumGothic, 'Malgun Gothic', Gothic, Verdana, 고딕, AppleGothic, Sans-serif; color:#000; line-height:1.7;}

저처럼 iNove 스킨은 ".article" 본문에 사용되는 폰트를 적용하는 소스가 따로 없이 전체 폰트가 적용되게 "body" 부분에 "font-family"가 되어 있습니다.  그래서 저는 전체 폰트는 아래처럼 Verdana 폰트 다음으로 나눔고딕을 적용했으며, 위처럼 본문에 따로 나눔고딕 폰트를 적용할 수 있도록 소스를 추가 작성하였습니다.

font-family : Verdana, NanumGothic, 'Malgun Gothic', Gothic, AppleGothic, Sans-serif;

나눔고딕 본문 소스.txt

혹시, 해당 스킨에 저처럼 본문(article)만 따로 폰트를 적용하고 싶다면, 위처럼 따로 소스를 추가하면 됩니다.  그에 앞서 [Ctrl + F]를 이용하여 "article"을 찾아 보시길 바랍니다.