블로그 폰트 나눔스퀘어 사용하기 및 폰트파일 다운로드

지금 보시는 제 블로그의 폰트가 바로 나눔스퀘어입니다.

필요한 글자만 추려서 용량을 줄였다는 설명이 맘에 들어 설치했습니다.

 

모바일에선 아주 쏙 맘에 드는 폰트네요.

 

 

 

 

블로그에 나눔스퀘어 폰트 적용법입니다.

 

티스토리를 사용하시는 블로거님은 아래와 같은 위치에 파일을 업로드해주세요~

 

(업로드하지 않고 다른 곳의 절대주소/링크를 이용해서도 가능은 합니다)

 

암튼, 파일은 맨 하단에 첨부링크가 있으니 폰트파일을 받아서 업로드 하시면 됩니다.

 

 

 

 

그리고 CSS페이지 안에 아래와 같이 적어줍니다. (보통 맨위 정도에)

 

@font-face {
 font-family: 'NanumSquare';
 src: url(images/NanumSquareR.eot);
 src: url(images/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(images/NanumSquareR.woff) format('woff'),
      url(images/NanumSquareR.ttf) format('truetype');
}

 

다음으로 해당폰트를 사용할 곳에 속성을 아래와 같이 적용하시면 끝~!

 

font-family: 'NanumSquare'

 

 

 

나눔스퀘어 폰트파일 다운로드~

 

네이버에가서 직접 다운받아 설치 후 폰트파일을 찾아서 사용하시는 방법도 있습니다.

http://hangeul.naver.com/2016/nanum

 

 

컴퓨터에 설치는 귀찮다 생각하시는 분은 아래 파일을 받으시면 됩니다.

용량도 얼마 되지 않습니다.

 

나눔스퀘어 eot, ttf, woff 다운로드

 

NanumSquareR.eot

 

NanumSquareR.ttf

 

NanumSquareR.woff

 

 

 

 

무지, 공감하신다면 공감버튼 꾸욱~!!!