티스토리 블로그 나눔바른고딕 폰트 적용

즐거운 설 연휴 보내고 계신가요? 주말이 포함되어 있어 꽤나 긴 연휴인만큼 편안히 쉬셨으면 합니다. 오늘은 티스토리 블로그 나눔바른고딕폰트 적용 방법에 대해 안내해 드리겠습니다. 절차나 방법이 어렵지 않기 때문에 누구나 쉽게 따라 할 수 있습니다.

또한 맑은고딕은 물론 마음에 드는 폰트가 있다면 간단히 폰트의 이름만 바꾸어 준다면 가능하니 알아두신다면 운영하고 있는 블로그 폰트를 한껏 돋보이게 할 수 있습니다.

먼저 네이버한글아름답게 이곳에서 나눔바른고딕 폰트를 내컴퓨터에 저장해 둡니다. 다음 현재 사용하고 있는 스킨에 다운받은 폰트를 업로드해 줍니다.

폰트 업로드가 끝났다면 꾸미기 부분에 있는 HTML/CSS 편집 부분을 눌러줍니다. 그 후, style.css 의 가장 윗 부분에 폰트를 설정해 두면 됩니다.

티스토리.txt

@font-face {

    font-family:'NanumBarunGothic';

    src: url('./images/NanumBarunGothic.eot');

    src: url('./images/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),

         url('./images/NanumBarunGothic.woff') format('woff');

    font-weight: normal;

    font-style: normal; 

}

@font-face {

    font-family:'NanumBarunGothicBold';

    src: url('./images/NanumBarunGothicBold.eot');

    src: url('./images/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),

         url('./images/NanumBarunGothicBold.woff') format('woff');

    font-weight: normal;

    font-style: normal; 

}

이렇게 하면 모바일에서도 pc에서와 마찬가지로 '나눔바른고딕' 폰트가 적용 됩니다. 최근 pc버전에서 보다 스마트폰 사용을 통한 모바일 접속이 늘어나는만큼 모바일에서 가독성이 좋다는 나눔바른고딕 폰트를 사용해 보는 것도 방문자를 위한 작은 배려가 될 수 있다고 생각 합니다.