본문 바로가기

IT/Coding Basic

현대백화점 전용 서체 해피니스 산스 무료 다운로드

현대백화점 전용 서체로 새롭게 제작된 해피니스 산스를 무료로 다운로드하는 방법을 살펴본다. 더불어 누구나 무료로 사용이 가능한 해피니스 산스를 윈도우에 설치하는 방법과 코딩 시에 사용하는 방법도 살펴본다.

 

해피니스 산스 소개 영상

 

현대백화점 전용 서체 해피니스 산스 무료 다운로드

CONTENTS

     

    누구나 개인적인 용도뿐만 아니라 상업적인 용도 즉, 영리 또는 비영리 목적으로도 무료로 사용할 수 있도록 제공하는 무료 폰트인 해피니스 산스를 소개한다. 해피니스 산스는 한글 2,780자를 비롯해 라틴 310자, 숫자 190자, 기호활자 646자 그리고 한자 4,888자로 구성되어 있는 글꼴이다. 다음에서 해피니스 산스를 무료로 다운로드해서 컴퓨터에 설치하는 방법을 비롯해서 사용하는 자세한 방법을 확인할 수 있다.

     

     

    해피니스 산스 홈페이지 바로가기

    해피니스 산스는 현대백화점에서 별도로 제공하는 해피니스 산스 홈페이지에서 무료로 다운로드할 수 있는데, 해당 사이트에 접속해서 가장 아래까지 스크롤을 하면 글꼴을 다운로드할 수 있는 버튼을 제공하고 있다.

     

    해피니스 산스 홈페이지

     

    글꼴명인 해피니스 산스에서 산스가 지칭하는 곡선이 담긴 형태로, 획 끝이 상승하는 곡선 형태로 안정감을 주는 고딕 계열의 폰트이다. 더불어 해피니스라는 행복의 의미는 손글씨의 느낌이 담긴 경쾌한 형태와 배리어블 포맷을 지원하는데서 찾을 수 있다.

     

    해피니스 산스 살펴보기 1

     

    참고로, 배리어블 포맷이란 글꼴 굵기와 형태를 조절할 수 있는 폰트 형태를 지칭하므로, 타이틀부터 레귤러까지 사용자가 원하는 용도에 맞춰 글꼴 굵기와 형태를 세밀하게 조절해서 사용이 가능하다.

     

    해피니스 산스 다운로드

     

     

    위에서 제시한 해피니스 산스 사이트에 접속한 후에 가장 아래까지 스크롤하면 해피니스 산스를 인쇄용 글꼴과 화면용 글꼴로 각각 다운로드할 수 있다.

     

    해피니스 산스 살펴보기 2
    해피니스 산스 살펴보기 3

     

    화면용 글꼴이란 모바일 또는 PC 등 IT 기기에서 사용하는 웹폰트를 지칭하는데, 해당 부분은 마지막 코딩 시에 활용하는 방법에서 살펴본다. 여기에서는 일반적으로 사용하는 글꼴 형태인 인쇄용 글꼴을 무료로 다운로드해서 컴퓨터에 설치하는 과정을 살펴본다. 일반적으로 글꼴은 트루타입인 TTF와 오픈타입인 OTF로 나뉘는데, 둘 다 모든 컴퓨터 운영체계와 인쇄 시에 사용이 가능하다.

     

    해피니스 산스 다운로드 버튼

     

    해당 해피니스 산스 인쇄용 글꼴에는 ttf 포맷과 otf 포맷이 담겨 있다. 해당 해피니스 산스를 다운로드하면 zip 확장자를 지닌 압축 파일을 다운로드할 수 있다.

     

    해피니스 산스 다운로드

     

    해피니스 산스 설치하기

    위에서 제시한 대로 해피니스 산스 다운로드 버튼을 누르면 아래와 같은 해당 글꼴을 담은 zip 확장자를 지닌 압축 파일이 컴퓨터 바탕화면 또는 다운로드를 지정한 폴더에 나타난다.

     

    해피니스 산스 다운로드 파일

     

    우선 다운로드한 해당 zip 압축 파일을 알집 또는 반디집과 같은 압축 해제 프로그램을 사용하여 해제하면 아래와 같이 2개이 폴더가 나온다.

     

    해피니스 산스 폴더

     

    즉, 해피니스 산스는 맥용 글꼴을 별도로 MACOSX 폴더로 제공하고 있는데, 일반적으로 print 폴더 내에 담긴 ttf 포맷만 활용해도 충분하다. 해당 ttf 포맷으로 굵기 변화를 준 3가지 글꼴 파일을 볼 수 있다. 만약 맥용 운영체계를 지닌 컴퓨터 또는 그래픽 작업과 같은 고해상도 작업에 이용하려면 위에서 언급한 MACOSX 폴더에 담긴 OTF 포맷을 다운로드해서 활용하면 된다.

     

     

    참고로, 일반적으로 사용하는 TTF 포맷과 고해상도 그래픽 작업 시 사용하는 OTF 포맷으로 제공하는데, TTF를 윈도우용 서체 그리고 OTF를 맥용 서체로 잘못 알려져 있는데, OTF가 워낙 고해상도이다 보니 구형 컴퓨터나 구형 윈도우 운영체계에서 오류를 발생하는 사례가 있어 맥용에만 OTF를 사용한다는 인식이 있다. 따라서 간단한 문서 작업이나 평이한 인쇄 시에는 트루타입인 TTF를 사용하면 된다. 특히 OTF 포맷은 한글을 PPT에서 열 때 제대로 구현하지 못하는 일이 발생하기도 하므로, 일반인들은 TTF 포맷을 주로 사용한다.

     

    해피니스 산스 미리보기

     

    위에서 보듯이 해당 ttf 포맷의 글꼴 파일이 담긴 폴더에서 보기 옵션을 아주 큰 아이콘으로 설정하면 해당 글꼴이 어떠한 모양인지 가늠할 수 있어 편하다.

     

    해피니스 산스 설치하기 1

     

    이렇게 설치하고자 하는 글꼴 파일을 누른 후에 설치 버튼을 눌러 컴퓨터에 설치하는 방식이 일반적이다. 해당 해피니스 산스 ttf 포맷 파일은 3개이므로 동일 과정을 3번 수행하면 된다. 참고로, 글꼴 파일이 여러 개라면 아래와 같은 방식으로 글꼴을 설치하면서 글꼴이 제대로 설치되었는지 눈으로 확인할 수도 있다. 우선 기본적으로 위에서처럼 필요한 글꼴 파일을 다운로드해서 압축을 해제하는 것까지는 동일하다. 이후에 글꼴 파일을 직접 설치 버튼을 눌러 설치하는 방식이 아니라 글꼴 파일을 컴퓨터 운영체계 내에 설치되는 폴더에 직접 이동해서 설치하는 방식이다.

     

    해피니스 산스 설치하기 2

    컴퓨터 바탕화면에서 가장 좌측에 위치한 윈도우 아이콘인 시작을 누르면 톱니바퀴 모양의 설정이 나오는데, 여기를 눌러 들어간 후에 개인 설정을 선택한다.

    해피니스 산스 설치하기 3

     

    다음으로 좌측에서 글꼴 항목을 누른 후에 우측에 나오는 설치 하려면 끌어서 놓기 박스에 설치할 글꼴 파일을 마우스로 잡고 드롭 방식으로 갖다 놓으면 설치를 진행한다. 더불어 사용 가능한 글꼴을 보면 현재 컴퓨터에 설치된 모든 글꼴을 확인할 수 있다.

     

    해피니스 산스 설치하기 4

     

    설정을 활용한 방법과 유사한 또 다른 방식으로 윈도우를 설치한 폴더에서 fonts 폴더에 설치할 글꼴 파일을 마우스로 끌어서 드롭해도 된다. 기본적으로 윈도우는 C하드에 설치되므로 아무 폴더나 연 후에 좌측 항목에서 내 PC로 들어간 후에 오른쪽에 나오는 장치 및 드라이브에서 C하드를 선택하고, 이후 Windows 폴더에 들어가 Fonts 폴더를 찾으면 된다. 여기 Fonts 폴더에는 컴퓨터에 설치한 모든 글꼴이 나오므로, 여기에 글꼴 파일을 추가하거나 사용하지 않는 글꼴도 여기에서 삭제하면 된다.

     

    코딩에서 해피니스 산스 활용하기

     

     

    모바일 또는 브라우저 등 웹에서 보이는 글꼴 포맷은 WOFF가 일반적이다. 코딩 시에는 대부분 웹과 인쇄에 모두 사용 가능한 TTF 포맷과 함께 웹에서 사용하도록 특별히 고안된 WOFF 포맷, 이 둘을 함께 사용한다. 앞에서 언급했듯이 해피니스 산스는 별도로 화면용 글꼴을 제공하는데 여기에 웹폰트인 woff, woff2 등이 담겨 있다. 해당 화면용 글꼴을 다운로드한 후에 주로 사용하는 woff 폰트를 활용하면 되는데, 해당 웹폰트를 CDN 방식으로 연결하는 방식은 개인이 하기에는 약간 무리가 있다. 대부분 웹폰트로 사용할 수 있는 폰트는 글꼴 개발사 또는 유통사에서 CDN으로 제공한다. 다음에서 해피니스 산스를 woff 포맷으로 CDN 연결 방식을 활용하는 방법을 살펴본다. 

     

    해피니스 산스 살펴보기 4
    해피니스 산스 살펴보기 5

     

    해피니스 산스는 별도의 웹폰트를 제공하므로 해당 웹폰트를 직접 업로드해도 되지만, 현재 폰트 사이트의 대명사처럼 자리한 눈누 사이트에서 지원하는 CDN 방식을 이용하면 더욱 간편하게 이용이 가능하다. 코딩에서 해피니스 산스를 사용하려면 눈누 사이트에서 가져온 코드를 CSS에 붙여넣기하면 자동으로 해피니스 산스 woff 포맷 글꼴을 다운로드한다.

     

    @font-face {
        font-family: 'Happiness-Sans-Bold';
        src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2205@1.0/Happiness-Sans-Bold.woff2') format('woff2');
        font-weight: 700;
        font-style: normal;
    }
    body { font-family: 'Happiness-Sans-Bold' }

     

    따라서 해당 해피니스 산스를 적용할 태그 또는 클라스를 활용해 font-family 속성과 속성값을 넣어주면 된다. 예를 들어 코딩 시 모든 웹에 있는 텍스트에 해피니스 산스 폰트를 적용한다면, 위에 같이 body 태그에 폰트 스타일을 추가하면 된다. 이를 통해 웹 상에서 다른 사람들도 자신의 컴퓨터에 글꼴을 설치하지 않아도 동일한 글꼴을 볼 수 있다. 만약 웹 상에서 특정 영역만에 이 글꼴을 사용한다면 해당영역 태그명 또는 클라스명을 활용하여 CSS에서 스타일을 설정하면 된다.