한글 웹 폰트 추천: 나눔스퀘어 홈페이지에 적용하는 법 (NanumSquare)

※ 기존 N사 블로그에 2019년 8월 14일자로 작성하였던 글을 금일 2019년 8월 29일자로 티스토리 블로그로 이전합니다.

 

브로마입니다.

오늘은 웹상에서 한글 폰트를 사용할때 매우 빈번하게 사용되는 폰트이자,

당연히 동시에 수많은 웹개발자들, 웹디자이너분들이 선호하는 폰트인,

​

"나눔스퀘어 (NanumSquare)" 폰트를

웹상에서 적용하는 방법에 대해서 알아보겠습니다.

​

나눔스퀘어를 비롯한, 네이버에서 제작, 배포하는 나눔글꼴은

모든 사용자에게 무료로 제공되며,

동시에 자유롭게 수정 및 재배포가 가능한 폰트입니다.

​

나눔스퀘어를 비롯한 나눔글꼴의 저작권에 대한 전문은

https://help.naver.com/support/contents/contents.help?serviceNo=1074&categoryNo=3497

네이버 고객센터

위 링크에서 확인할 수 있습니다.

 

먼저 나눔스퀘어를 적용하기 위한 CSS 부분입니다.

@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

위 소스 코드를 import 해주시고,

.sample {font-family: 'NanumSquare', sans-serif;}

적용을 하고자 하는 부분에 위 font-family를 적용시켜 주시면 됩니다.

​

나눔스퀘어 폰트는 저 또한 웹페이지 제작을 할때 매우 빈번하게 사용하고 있는 폰트로 홈페이지의 디자인이나 컨셉에 얽매이지 않고 비교적 매우 자연스럽게 적용이 가능한 폰트입니다.

​

이 외에도 조만간 제가 웹페이지 제작을 하면서 주로 빈번하게 사용하는 영문, 한글 폰트를 정리하여 소개해드리겠습니다.

​

※ https://moonspam.github.io/NanumSquare-Web-Fonts/ 참조