보물창고

티스토리블로그 나눔글꼴적용하는 방법

안녕하세요

이번에는 티스토리블로그 나눔글꼴적용하는 방법에 대하여 알아보겠습니다

저도 금방 블로그로 새로 만들어서 적용한 것을 그대로 올립니다.

나눔글꼴은 네이버에서 개발한 글꼴로

티스토리블로그에 적용하려면 별도의 설정을 해 주어야 합니다

티스토리는 기번 글꼴이 '돋움'으로 되어 있습니다

설정하는 방법은 다음과 같습니다.

1.먼저 구글폰트로 들어갑니다.

구글에서는 전세계의 다양한 글꼴을 다운받아서 쓸 수 있도록 서버를 제공하고 있습니다

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

2.구글폰트로 들어가서 상단의 찾기 창에 <나눔>을 입력하고 검색을 합니다

그러면 아래와 같이 나눔고딕이 나옵니다

빨간색으로 박스처져 잇는 부분을 복사합니다

바로 이부분을 복사합니다

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

3.HTML/CSS편집으로 들어갑니다.

4.하단의 style.css에 복사한 것을 아래와 같이 붙여 넣습니다.

style.css의 제일 상단에 붙여 넣으면 됩니다

5.Ctrl+F를 눌려서 <Font-family>를 검색합니다.

Font-family의 글꼴을 모두 <nanumgothic>으로 아래 그림 처럼 바꾸어 줍니다.

저는 전체적으로 모두 나눔고딕으로 바꾸었는데

그럴려면 Font-family을 글꼴을 <nanumgothic>으로 바꾸거나, 다른 글꼴에 우선해서 적용될 수 있도록 제일 앞에 넣어주면 됩니다.

이상 티스토리블로그에 나눔글꼴을 적용하는 방법을 알아보았습니다

도움이 되었으면 합니다.