네이버에서 고딕체 계열이면서도 손글씨 느낌을 담아 휴머니스트 폰트로 구현한 나눔휴먼을 무료로 다운로드하는 방법을 살펴본다. 더불어 누구나 무료로 사용이 가능한 나눔휴먼 폰트를 컴퓨터에 설치하는 방법과 코딩 시에 사용하는 방법도 살펴본다.
고딕체에 휴머니스트를 담은 폰트 네이버 나눔휴먼 글꼴 무료 다운로드
CONTENTS
네이버에서 무료로 제공하는 나눔 글꼴 중의 하나인 나눔휴먼은 선명한 직선이 특징인 고딕체에 부드러운 곡선을 추가한 자연스러운 손글씨 스타일로 제작한 글꼴로, 한글 2480자를 비롯해서 라틴 191자 그리고 약물 986자로 구성되어 있다. 특히 폰트 굵기에 따라 6종의 글꼴을 제공하므로 제목뿐만 아니라 본문에도 사용할 수 있을 정도로 활용 범위가 넓다. 다음에서 제시하는 순서대로 따라하면 나눔휴먼을 무료로 다운로드해서 사용할 수 있다.
나눔휴먼 사이트 바로가기
네이버 나눔휴먼은 손글씨의 부드러움을 담은 고딕체 계열의 글꼴로, 일상적으로 사용할 수 있는 자연스러운 스타일을 구현하고 있다. 즉, 직선적인 고딕체에 손글씨로 부드러운 곡선 처리를 추가한 휴머니스트 폰트로 형상화하며 따듯함이 전해지는 글꼴이다.
더불어 앞에서 언급했듯이 폰트 굵기에 따라 아주 가는(Extra Light), 가는(Light), 중간(Regular), 굵은(Bold), 조금 굵은(Extra Bold), 아주 굵은(Heavy) 형태의 6종 글꼴 파일로 제공하며, 각각의 글꼴은 OTF와 TTF 포맷으로 제공하므로 사용 용도에 따라 선택적으로 활용하면 된다. 참고로, 뒤에서 언급하겠지만 일반적으로 TTF 포맷을 주로 사용한다.
나눔휴먼 다운로드
네이버는 다양한 글꼴을 제작해서 무료로 배포하고 있는데 네이버에서 제작한 글꼴은 한글한글 아름답게 웹사이트에서 모두 살펴볼 수 있고, 또한 여기에서 원하는 글꼴을 개별적으로 다운로드할 수 있다.
해당 한글한글 아름답게 웹사이트에 접속한 후에 글꼴모음 박스를 눌러 전환한 페이지에서 아래로 스크롤하면 나눔 글꼴 박스가 나오는데, 여기에 해당 나눔 글꼴 박스를 누르면 해당 나눔휴먼 글꼴을 다운로드할 수 있다. 더불어 해당 나눔휴먼 글꼴 박스를 눌러서 해당 글꼴을 실제로 테스트해 본 후에 해당 글꼴을 다운로드할 수 있는 방식도 제공하므로 편한 루트를 이용하면 된다. 이때 해당 나눔휴먼 글꼴을 빠르게 다운로드할 생각이라면, 나눔휴먼 사이트를 추천한다.
나눔휴먼은 부드러운 직선과 선명한 직선을 조화롭게 배치함으로써 편안한 가독성과 휴머니스트의 부드러움을 전하고 있다. 특히 한국어와 영문 기호활자가 모두 균형을 이룰 수 있도록 문자의 형태와 글줄, 공간감을 세밀히 조정함으로써 가독성은 높이면서 피로감을 줄이는 자연스러운 손글씨 폰트 스타일을 구현하고 있다.
상기에 추가한 한글한글 아름답게 웹사이트 또는 나눔휴먼 사이트에 접속하면 별다른 어려움 없이 해당 나눔휴먼 글꼴을 다운로드할 수 있다. 더불어 나눔휴먼 다운로드 버튼을 누르면 동일한 나눔휴먼 글꼴 파일인 zip 확장자를 지닌 압축파일을 사전에 다운로드를 지정한 폴더에 저장한다.
다운로드한 zip 압축 파일을 알집 또는 반디집과 같은 압축 해제 프로그램을 사용하여 해제하면 2개의 폴더가 나오는데, 이때 __MACOSX 폴더와 같이 맥용 글꼴 파일을 별도로 제공하고 있다. 특히 NanumHuman 폴더 내에 ttf 포맷을 비롯해서 otf 그리고 woff 포맷 파일까지 제공하는데, 코딩 시에 주로 활용하는 woff 포맷 파일은 마지막 코딩용 나눔휴먼 폰트에서 살펴본다. 즉, 나눔휴먼은 폰트 굵기에 따라 6종의 글꼴 파일을 제공하는데, 일반적으로 글꼴은 트루타입인 TTF와 오픈타입인 OTF로 나뉘는데 둘 다 모든 컴퓨터 운영체계와 인쇄 시에 사용이 가능하다. 하지만 TTF를 윈도우용 서체 그리고 OTF를 맥용 서체로 잘못 알려져 있는데, OTF가 워낙 고해상도이다 보니 구형 컴퓨터나 구형 윈도우 운영체계에서 오류를 발생하는 사례가 있어 맥용에만 OTF를 사용한다는 인식이 있다.
따라서 간단한 문서 작업이나 평이한 인쇄 시에는 트루타입인 TTF를 사용하면 된다. 특히 OTF 포맷은 한글을 PPT에서 열 때 제대로 구현하지 못하는 일이 발생하기도 하므로, 일반인들은 TTF 포맷을 주로 사용한다.
나눔휴먼 폰트 설치하기
위에서 제시한 대로 나눔휴먼 글꼴을 다운로드해서 압축을 해제한 다음에 NanumHuman 폴더 내 6개의 TTF 글꼴 파일을 중심으로 설치 과정을 살펴본다. 참고로 otf 포맷도 동일한 방식으로 설치가 가능하지만, 일반인들은 ttf 포맷만으로 충분하다.
해당 나눔휴먼 글꼴을 담은 NanumHuman 폴더에서 보기 옵션을 아주 큰 아이콘으로 설정하면 글꼴 형태를 대략적으로나 가늠할 수 있다. 즉, 전체적으로 직선의 간결함에 곡선의 부드러움이 추가되어 자연스러운 폰트에서도 가독성을 확보하면서 피로감은 상대적으로 줄이는 효과를 발휘한다. 다음에서 나눔휴먼 폰트를 윈도우용 PC에 설치하는 과정을 중심으로 살펴본다.
나눔휴먼 폰트뿐만 아니라 네이버에서 제공하는 글꼴 중 원하는 폰트를 컴퓨터에 설치하는 방법은 매우 간단하다. 설치를 원하는 해당 파일을 누른 후에 나오는 팝업에서 설치 버튼을 눌러주면 된다.
이렇게 설치하고자 하는 글꼴 파일을 누른 후에 설치 버튼을 눌러 컴퓨터에 설치하는 방식이 일반적이다. 해당 나눔휴먼 ttf 글꼴 파일은 6개이므로 모든 글꼴을 설치하면 동일한 과정을 6번 수행해야 한다. 하지만 글꼴 파일이 여러 개라면 글꼴 파일을 직접 설치 버튼을 눌러 설치하는 방식이 아니라 글꼴 파일을 컴퓨터 운영체계 내에 설치되는 폴더에 직접 이동해서 설치하는 게 더 간편한 방법이다.
컴퓨터 바탕화면에서 가장 좌측에 위치한 윈도우 아이콘인 시작을 누르면 톱니바퀴 모양의 설정이 나오는데, 여기를 눌러 들어간 후에 개인 설정을 선택한다.
다음으로 좌측에서 글꼴 항목을 누른 후에 우측에 나오는 설치 하려면 끌어서 놓기 박스에 설치할 글꼴 파일을 마우스로 잡고 드롭 방식으로 갖다 놓으면 설치를 진행한다. 더불어 사용 가능한 글꼴을 보면 현재 컴퓨터에 설치된 모든 글꼴을 확인할 수 있다.
설정을 활용한 방법과 유사한 또 다른 방식으로 윈도우를 설치한 폴더에서 fonts 폴더에 설치할 글꼴 파일을 마우스로 끌어서 드랍해도 된다. 기본적으로 윈도우는 C하드에 설치되므로 아무 폴더나 연 후에 좌측 항목에서 내 PC로 들어간 후에 오른쪽에 나오는 장치 및 드라이브에서 C하드를 선택하고, 이후 Windows 폴더에 들어가 Fonts 폴더를 찾으면 된다. 여기 Fonts 폴더에는 컴퓨터에 설치한 모든 글꼴이 나오므로, 여기에 글꼴 파일을 추가하거나 사용하지 않는 글꼴도 여기에서 삭제하면 된다.
코딩에서 나눔휴먼 폰트 사용하는 방법
모바일 또는 브라우저 등 웹에서 보이는 글꼴 포맷은 WOFF가 일반적이다. 코딩 시에는 대부분 웹과 인쇄에 모두 사용 가능한 TTF 포맷과 함께 웹에서 사용하도록 특별히 고안된 WOFF 포맷, 이 둘을 함께 사용한다. 즉, 위에서 다운로드한 마루부리 글꼴 파일에는 woff 포맷 파일이 담겨 있으므로 해당 woff 파일을 서버에 올린 후에 활용할 수 있지만, 이러한 CDN 연결을 위한 서버 활용 방식은 개인이 하기에는 약간 무리가 있다. 대부분 웹폰트로 사용할 수 있는 폰트는 글꼴 개발사 또는 유통사에서 CDN으로 제공한다. 다음에서 나눔휴먼을 woff 포맷으로 CDN 연결 방식을 활용하는 방법을 살펴본다.
나눔휴먼 글꼴은 현재 폰트 사이트의 대명사처럼 자리한 나눔휴먼 눈누 사이트에서 CDN 방식으로 웹폰트를 지원하고 있다. 코딩에서 나눔휴먼 폰트를 사용하려면 눈누 사이트에서 가져온 코드를 CSS에 붙여넣기하면 자동으로 나눔휴먼 woff 포맷 글꼴을 다운로드한다. 여기에서는 나눔휴먼 글꼴 중 중간 굵기인 Regular 폰트를 예시로 사용했다. 이외에 다른 나눔휴먼 글꼴도 동일한 방식으로 코딩 시 웹폰트 CDN 방식을 적용해서 이용할 수 있다.
@font-face {
font-family: 'NanumHuman';
src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2501-1@1.1/NanumHuman.woff2') format('woff2');
font-weight: 400;
font-style: normal;
}body { font-family: 'NanumHuman' }
따라서 해당 나눔휴먼 폰트를 적용할 태그 또는 클라스를 활용해 font-family 속성과 속성값을 넣어주면 된다. 예를 들어 코딩 시 모든 웹에 있는 텍스트에 나눔휴먼 폰트를 적용한다면, 위에 같이 body 태그에 폰트 스타일을 추가하면 된다. 이를 통해 웹 상에서 다른 사람들도 자신의 컴퓨터에 글꼴을 설치하지 않아도 동일한 글꼴을 볼 수 있다. 만약 웹 상에서 특정 영역만에 이 글꼴을 사용한다면 해당영역 태그명 또는 클라스명을 활용하여 CSS에서 스타일을 설정하면 된다.
