이쁜 글씨체, 나눔고딕 웹폰트 설치하기

2013. 4. 2. 10:07




내가 생각하는 가장 이쁜 글씨체, 블로그에 나눔고딕 웹폰트를 설치해보자. : 블로그를 1년 넘게 쉬다 보니 모든 환경이 변해있더군요. 티스토리도 그렇지만, 시스템 환경도 많이 변했습니다. IE 브라우저 비율만 봐도 6.0과 7.0에서 8.0 이상의 버전으로 옮겨갔고 점유율 역시 크롬과 사파리의 비중이 높아지고 있습니다.

이렇게 시스템 환경이 변해가면, 블로그 역시 그에 맞게 대응을 해야 하는데, 제가 가장 중점을 두는 것은 웹표준과 폰트입니다.

이쁜 글씨체, 나눔고딕 웹폰트 설치하기 포트스 메인

웹표준을 이야기하기엔 제가 아직 부족하므로 다음으로 미루고, 이번 글에는 비교적 간단한 웹폰트에 대해 알아보겠습니다. 브라우저마다 다르게 나오는 폰트 때문에 늘 신경이 쓰였던 부분으로 저도 이번 기회에 확실히 고쳐보겠습니다.

브라우저 폰트 지원상황

브라우저마다 폰트가 다르게 나오는 이유는 위 표를 보시면 쉽게 이해하실 수 있습니다.

네이버에서 배포하는 다양한 이쁜 글씨체

앞서 말한 표를 보시면 아시겠지만, 이제는 다양한 브라우저를 사용하는 만큼 서로 다른 환경에 맞게 웹폰트를 준비해야 합니다. 하지만 웹폰트에도 저작권이 있으므로 늘 조심해야하고 나는 저작권 부분에서 자유로울 수 있는지 늘 확인해야 합니다.

그런 면에서 제가 추천하는 글꼴은 이쁜 글씨체로 유명한 나눔고딕입니다.

나눔고딕 글씨체

나눔고딕 웹폰트는 많은 블로거가 사용하는 글씨체로 NAVER에서 무료로 배포하고 있습니다. 네이버는 이외에도 나눔명조와 손글씨, 그리고 잉크절약에 도움되는 에코체를 배포하고 있습니다.

그럼 아래의 글을 읽어보시고 직접 블로그에 적용해 보시길 바랍니다. 가속도면에서나 이쁜 글씨체면에서나 모두 만족하실듯합니다.






구글에서 지원하는 이쁜 글씨체, 나눔고딕 웹폰트 이용하기

얼마 전부터 구글에서도 나눔고딕 웹폰트를 지원하더군요.
네이버에서 배포하는 모든 글씨체를 이제 구글에서도 만나보실 수 있습니다.

[이쁜 글씨체 나눔고딕 웹폰트 바로가기]

구글에서 지원하는 나눔고딕 웹폰트_01

위 링크로 들어가셔서 나눔고딕 웹폰트를 찾아줍니다.

구글에서 지원하는 나눔고딕 웹폰트_02

찾으신 폰트의 Link와 Example를 style.css에 넣어주시면 끝.

구글 웹폰트를 사용하게 되면 약간의 로딩시간이 있지만, 보시다시피 두 줄만 복사해서 붙여놓으면 되기 때문에 쉽게 변경하실 수 있습니다.






이쁜 글씨체, 나눔고딕 웹폰트를 직접 설치해보세요.

· 나눔고딕 웹폰트 EOT 내려받기 · 나눔고딕 웹폰트 WOFF 내려받기

위 EOT 파일과 WOFF 파일을 내려받으신 후 블로그에 올려주세요.

나눔고딕 웹폰트 Style.css 파일

업로드가 완료되면
위 태그를 style.css 에 넣어주시면 됩니다.
참고로 올리신 티스토리 URL 주소는 ./images/입니다.

· 예쁜 손글씨 글꼴 무료 배포합니다.
· 5가지 이쁜 글씨체 무료글꼴 받아가세요
· 맑은 고딕 글씨체 흐리게 나올 때 해결하는 방법
· 이쁜 글씨체 나눔고딕 웹폰트 컴퓨터에 설치하기

Webchobo 무료폰트