네이버가 제목용 글꼴로 제작한 나눔스퀘어 폰트를 무료로 다운로드하는 방법을 살펴본다. 더불어 누구나 무료로 사용이 가능한 나눔스퀘어 폰트를 윈도우에 설치하는 방법과 코딩 시에 사용하는 방법도 살펴본다.
나눔스퀘어 폰트 다운 설치 방법
CONTENTS
네이버에서 한글날을 기념하여 '한글한글 아름답게' 캠페인의 일환으로 지속적으로 개발해서 무료로 제공하는 나눔 글꼴 중의 하나인 나눔스퀘어 폰트는 돔움체와 유사한 형태인데 그동안 베포된 나눔 글꼴 중에서 가장 인기가 높은 폰트이다. 나눔스퀘어 폰트가 인기를 얻자 이후 후속작으로 나눔스퀘어라운드가 제작됐고, 최근에 나눔스퀘어 네오까지 출시될 정도로 나눔 글꼴에서 나눔스퀘어만 별도로 시리즈 형태로 제작되고 있다. 다음에서 제시하는 순서대로 따라 하면 나눔스퀘어 폰트를 무료로 다운로드해서 사용할 수 있다.
한글한글 아름답게 사이트 바로가기
나눔스퀘어 폰트는 네이버에서 2008년부터 한글날을 기념하여 운영 중인 한글한글 아름답게 캠페인의 일환으로 2016년에 제작된 제목용 글꼴로, 글꼴이 전체적으로 직선 형태를 띠는 게 특징이다. 제목용 글꼴답게 나눔스퀘어 폰트는 자모가 명확하고 시원시원한 느낌을 주면서도 가독성이 뛰어나 출시 이후 지속적으로 사랑을 받는 글꼴이다.
우선 나눔 글꼴 전체를 다운로드한 후에 나눔스퀘어 폰트만 선택적으로 설치하는 방법을 소개한다. 더불어 뒤에서 나눔스퀘어 따로 다운로드하는 방법도 추가한다.
나눔 글꼴 전체 다운로드
한글한글 아름답게 웹사이트에서 위에서 제시한 대로 나눔글꼴 페이지로 들어가서 아래로 약간 스크롤하면 다음과 같이 나눔 글꼴 전체 내려받기 버튼이 나타난다.
위와 같이 나눔스퀘어 폰트는 나눔 글꼴 중 하나이므로 우선 나눔 글꼴 전체 내려받기 버튼을 누르거나, 아래에 추가한 나눔 글꼴 다운로드 버튼을 눌러 zip 확장자를 지닌 압축파일을 다운로드해서 사용하는 게 공식적인 방법이다.
그러면 120MB로 글꼴로서는 매우 큰 압축 파일을 다운로드하는데, 다운로드한 zip 압축 파일을 알집 또는 반디집과 같은 압축 해제 프로그램을 사용하여 해제하면 아래와 같이 14개의 폴더가 들어 있다.
여기에서 나눔스퀘어 폴더로 들어가면 ttf 포맷과 otf 포맷으로 나뉜 2개의 폴더가 나타난다. 일반적으로 글꼴은 트루타입인 TTF와 오픈타입인 OTF로 나뉘는데, 둘 다 모든 컴퓨터 운영체계와 인쇄 시에 사용이 가능하다. 하지만 TTF를 윈도우용 서체 그리고 OTF를 맥용 서체로 잘못 알려져 있는데, OTF가 워낙 고해상도이다 보니 구형 컴퓨터나 구형 윈도우 운영체계에서 오류를 발생하는 사례가 있어 맥용에만 OTF를 사용한다는 인식이 있다.
따라서 간단한 문서 작업이나 평이한 인쇄 시에는 우측에 있는 폴더인 트루타입인 TTF를 사용하면 된다. 특히 OTF 포맷은 한글을 PPT에서 열 때 제대로 구현하지 못하는 일이 발생하기도 하므로, 일반인들은 TTF 포맷을 주로 사용한다.
나눔스퀘어 폰트만 다운로드하기
일반적으로 나눔고딕, 나눔명조를 비롯하여 나눔 글꼴에 담긴 대부분의 폰트가 널리 사용되므로 나눔 글꼴 전체를 다운로드해서 사용하는 게 일반적이다. 하지만 나눔스퀘어 폰트만 필요하다면 굳이 120MB나 되는 나눔 글꼴 전체를 다운로드하지 않아도 된다.
위의 이미지를 누르면 나눔스퀘어 폰트를 변형한 나눔스퀘어네오 폰트 사이트로 전환하는데, 여기에서 우측에 있는 목록 중에서 나눔스퀘어 시리즈를 누르면 나눔스퀘어 폰트만 별도로 다운로드할 수 있는 페이지를 보여준다.
여기에서 나눔스퀘어 다운받기 버튼을 누르면 나눔스퀘어 글꼴만 담은 zip 확장자를 지닌 압축파일을 다운로드할 수 있다. 또는 아래에 추가한 나눔스퀘어 다운로드 버튼을 눌러도 동일한 압축파일을 다운로드한다.
그러면 120MB가 아닌 4MB 정도로 매우 가벼운 압축 파일을 다운로드하는데, 다운로드한 zip 압축 파일을 알집 또는 반디집과 같은 압축 해제 프로그램을 사용하여 해제하면 아래와 같이 2개의 폴더가 들어 있다.
여기에서 _MACOSX 폴더는 맥용 나눔스퀘어 폰트를 지칭하므로, 윈도우용 폰트인 NaverNanumSquare 폴더를 사용하면 된다. 해당 NaverNanumSquare 폴더에는 TTF 포맷의 폴더와 OTF 포맷의 폴더가 담겨 있다. 해당 부분은 앞에서 설명했듯이 일반인들이라면 TTF 포맷만 NanumFontSetup_TTF_SQUARE 폴더만 사용하면 된다.
나눔스퀘어 폰트 설치하기
위에서 제시한 대로 나눔 글꼴 전체를 다운로드하거나 나눔스퀘어 글꼴만 다운로드하거나, 동일하게 나눔스퀘어 폴더 중 NanumFontSetup_TTF_SQUARE 즉, TTF 포맷이 담긴 폴더로 들어가면 8개의 글꼴 파일이 나타난다. 여기에서는 나눔스퀘어 ttf 포맷을 윈도우용 PC에 설치하는 방법을 중심으로 소개한다. otf 포맷도 동일한 방식으로 설치가 가능하지만, 일반인들은 ttf 포맷만으로 충분하다.
해당 나눔스퀘어 TTF 포맷을 담은 폴더에서 보기 옵션을 아주 큰 아이콘으로 설정하면 해당 글꼴이 어떠한 모양인지 가늠할 수 있어 편하다. 위에서 보듯이 글꼴 자체가 직선적이면서 명확해서 가독성이 뛰어난 제목용 글꼴이다. 하지만 제작 의도와는 달리 제목용 글꼴 이외에도 글꼴 자체에서 풍기는 힘이 매력적이다 보니 다방면으로 활용되고 있다.
참고로, 위는 나눔스퀘어의 인기를 반영하듯 직선적인 나눔스퀘어를 변형해서 끝 부분만 둥글게 처리한 나눔스퀘어라운드와 나눔스퀘어 글꼴 특징인 직선적인 형태에 자소가 너무 딱딱하지 않도록 곡선을 추가한 형태가 나눔스퀘어 네오이다. 해당 이미지에서는 한눈에 차이를 발견하기 어렵지만, 아래에 있는 나눔스퀘어 시리즈 특징에서 스퀘어라는 텍스트를 봐도 명확한 차이를 발견할 수 있다.
나눔스퀘어는 자소 전체가 명확하게 직선으로 이루어져 있는데, 나눔스퀘어 라운드는 자소 끝부분만 둥글게 변형을 했다. 나눔스퀘어네오는 ㅅ, ㅋ, ㅜ 에서 보듯이 일반적인 필기체 형태의 곡선 모양을 적용했는데, 이를 통해서 나눔스퀘어네오는 직선과 곡선의 조화를 활용해서 실제 직접 손으로 쓰는 필기감을 연출한 글꼴이다. 다음에서 나눔스퀘어 폰트를 윈도우용 PC에 설치하는 과정을 중심으로 살펴본다.
나눔스퀘어 폰트뿐만 아니라 나눔 글꼴 중 원하는 폰트를 컴퓨터에 설치하는 방법은 매우 간단하다. 설치를 원하는 해당 파일을 누른 후에 나오는 팝업에서 설치 버튼을 눌러주면 된다.
이렇게 설치하고자 하는 글꼴 파일을 누른 후에 설치 버튼을 눌러 컴퓨터에 설치하는 방식이 일반적이다. 해당 나눔스퀘어 글꼴 파일은 8개이므로 모든 글꼴을 설치하면 동일한 과정을 8번 수행해야 한다. 하지만 글꼴 파일이 여러 개라면 글꼴 파일을 직접 설치 버튼을 눌러 설치하는 방식이 아니라 글꼴 파일을 컴퓨터 운영체계 내에 설치되는 폴더에 직접 이동해서 설치하는 게 더 간편한 방법이다.
컴퓨터 바탕화면에서 가장 좌측에 위치한 윈도우 아이콘인 시작을 누르면 톱니바퀴 모양의 설정이 나오는데, 여기를 눌러 들어간 후에 개인 설정을 선택한다.
다음으로 좌측에서 글꼴 항목을 누른 후에 우측에 나오는 설치 하려면 끌어서 놓기 박스에 설치할 글꼴 파일을 마우스로 잡고 드롭 방식으로 갖다 놓으면 설치를 진행한다. 더불어 사용 가능한 글꼴을 보면 현재 컴퓨터에 설치된 모든 글꼴을 확인할 수 있다.
설정을 활용한 방법과 유사한 또 다른 방식으로 윈도우를 설치한 폴더에서 fonts 폴더에 설치할 글꼴 파일을 마우스로 끌어서 드랍해도 된다. 기본적으로 윈도우는 C하드에 설치되므로 아무 폴더나 연 후에 좌측 항목에서 내 PC로 들어간 후에 오른쪽에 나오는 장치 및 드라이브에서 C하드를 선택하고, 이후 Windows 폴더에 들어가 Fonts 폴더를 찾으면 된다. 여기 Fonts 폴더에는 컴퓨터에 설치한 모든 글꼴이 나오므로, 여기에 글꼴 파일을 추가하거나 사용하지 않는 글꼴도 여기에서 삭제하면 된다.
코딩에서 나눔스퀘어 폰트 사용하는 방법
모바일 또는 브라우저 등 웹에서 보이는 글꼴 포맷은 WOFF가 일반적이다. 코딩 시에는 대부분 웹과 인쇄에 모두 사용 가능한 TTF 포맷과 함께 웹에서 사용하도록 특별히 고안된 WOFF 포맷, 이 둘을 함께 사용한다. 위에서 나눔스퀘어 폰트 ttf를 다운로드했으므로 이 나눔스퀘어 글꼴 ttf를 CDN으로 연결할 수도 있지만, 이건 개인이 하기에는 약간 무리가 있다. 대부분 웹폰트로 사용할 수 있는 폰트는 글꼴 개발사 또는 유통사에서 CDN으로 제공한다. 다음에서 나눔스퀘어를 woff 포맷으로 CDN 연결 방식을 활용하는 방법을 살펴본다.
나눔스퀘어 글꼴은 제작사인 네이버에서 CDN 방식으로 웹폰트를 지원하고 있다. 코딩에서 나눔스퀘어 폰트를 사용하려면 나눔스퀘어 글꼴을 다운로드한 한글한글아름답게 사이트에서 가져온 코드를 html 소스 중 head 영역에 넣은 후, CSS에서 사용할 태그에 나눔스퀘어 8개의 글꼴 중 사용할 폰트를 font-family 속성으로 설정해 주면 된다.
<link href="https://hangeul.pstatic.net/hangeul_static/css/nanum-square.css" rel="stylesheet">
body { font-family: 'NanumSquare' }
위는 코딩 시 웹페이지 전체 글꼴을 동일한 나눔스퀘어로 적용한 실례이다. 이와 같은 방식으로 나눔스퀘어 폰트를 적용할 태그 또는 클라스를 활용해 font-family 속성과 속성값을 넣어주면 된다. 예를 들어 코딩 시 모든 웹에 있는 텍스트에 나눔스퀘어 폰트를 적용한다면, 위에 같이 body 태그에 폰트 스타일을 추가하면 된다. 이를 통해 웹 상에서 다른 사람들도 자신의 컴퓨터에 글꼴을 설치하지 않아도 동일한 글꼴을 볼 수 있다. 만약 웹 상에서 특정 영역만에 이 글꼴을 사용한다면 해당영역 태그명 또는 클라스명을 활용하여 CSS에서 스타일을 설정하면 된다.
