본문 바로가기

IT/Coding Basic

레트로 기반 장식체용 글꼴 양진체 무료 다운로드

개인 작가로 활동 중인 김양진 디자이너가 레트로 기반의 장식체용 글꼴로 제작해서 무료로 배포하는 양진체를 무료로 다운로드하는 방법을 살펴본다. 더불어 누구나 무료로 사용이 가능한 양진체를 컴퓨터에 설치하는 방법과 코딩 시에 사용하는 방법도 살펴본다.

 

레트로 기반 장식체용 글꼴 양진체 무료 다운로드

 

레트로 기반 장식체용 글꼴 양진체 무료 다운로드

CONTENTS

     

    누구나 개인적인 용도뿐만 아니라 상업적인 용도 즉, 영리 또는 비영리 목적으로도 무료로 사용할 수 있도록 제공하는 무료 글꼴인 양진체를 소개한다. 전반적으로 레트로를 기반으로 키치를 가미하면서도 정돈된 형태인 양진체는 일러스트레이션과 같이 디자인 시에 활용도가 높은 장식체에 해당한다. 다음에서 양진체를 무료로 다운로드해서 컴퓨터에 설치하는 방법을 비롯해서 코딩 시에 웹폰트로 변환해서 사용하는 자세한 방법을 확인할 수 있다.

     

     

    양진체 사이트 바로가기

    양진체는 개인이 제작해서 무료로 배포하고 있는데 김양진 디자이너가 개인적으로 운영하는 블로그 형태의 Supernovice 홈페이지에서 별도로 제공하는 폰트 배포 페이지에서 무료로 다운로드할 수 있는데, 해당 Supernovice 홈페이지에서 전면에 나오는 양진체 폰트 박스를 선택하면 해당 폰트의 자세한 설명과 함께 다운로드 버튼도 확인할 수 있다.

     

    양진체 살펴보기 1

     

    상기 이미지에서 보듯이 키치적인 요소가 도드라지면서도 정돈된 형태로 즉, 레트로와 키치가 융합되어 있는 글꼴이다. 실제로 양진체를 제작한 김양진 디자이너가 일러스트레이션 작업 시에 그림에 어울리는 폰트를 찾다가 직접 제작했다고 제작 의도를 밝힌 바 있다. 더불어 앞에서 언급했듯이 그림에 어울리는 장식체로 글자마다 획 형태 및 장편도 미묘하게 다르게 단일 글꼴로 제작됐다.

     

    양진체 살펴보기 2
    양진체 살펴보기 3

     

    이렇듯 전체적으로 레트로를 따르면서도 딱딱한 느낌을 상쇄할 수 있도록 라운딩 처리 및 미묘하게 다른 장평을 각각의 글자에 적용한 양진체는 한글 2780자를 비롯해서 라틴 알파벳 52자 그리고 숫자 및 약물 138자로 구성됐다.

     

    양진체 살펴보기 4

     

    참고로, 해당 양진체는 상업적인 용도를 포함해서 제약없이 누구나 무료로 사용할 수 있지만, 폰트 자체를 수정하거나 유료로 판매하는 행위는 금지하고 있다. 더불어 OTF 포맷만으로 제공하며 별도의 TTF 포맷은 제공하지 않는다.

     

    양진체 다운로드

     

     

    위에서 제시한 양진체 사이트에서 아래로 스크롤하다보면 다운로드 항목을 찾을 수 있는데, 양진체는 OTF 포맷 파일만 제공하고 있다.

     

    양진체 살펴보기 5
    양진체 살펴보기 6

     

    여기에서는 윈도우용 컴퓨터에 양진체를 무료로 다운로드해서 컴퓨터에 설치하는 과정을 살펴본다. 일반적으로 글꼴은 트루타입인 TTF와 오픈타입인 OTF로 나뉘는데, 둘 다 모든 컴퓨터 운영체계와 인쇄 시에 사용이 가능하다.

     

    양진체 살펴보기 7

     

    참고로, 일반적으로 사용하는 TTF 포맷과 고해상도 그래픽 작업 시 사용하는 OTF 포맷으로 제공하는데, TTF를 윈도우용 서체 그리고 OTF를 맥용 서체로 잘못 알려져 있는데, OTF가 워낙 고해상도이다 보니 구형 컴퓨터나 구형 윈도우 운영체계에서 오류를 발생하는 사례가 있어 맥용에만 OTF를 사용한다는 인식이 있다. 따라서 간단한 문서 작업이나 평이한 인쇄 시에는 트루타입인 TTF를 사용하면 되지만, 해당 양진체는 일러스트레이션 등 그림에 어울리는 디자인용 글꼴로 제작되다 보니 OTF 포맷만으로 제공되고 있다. 따라서 맥용뿐만 아니라 윈도우용 PC에서도 동일하게 OTF 포맷 양진체 글꼴 파일을 사용하면 된다.

     

    양진체 다운로드 페이지 바로가기

     

    더불어 양진체 사이트에서 다운로드 항목을 누르면 상기에 추가한 구글 드라이브 페이지로 전환하는데, 개인이 제작해서 무료로 배포하다보니 구글 드라이브를 이용해서 해당 글꼴을 제공하고 있다.

     

    컴퓨터에 양진체 설치하기

    위에서 제시한 대로 구글 드라이브에서 상단에 있는 다운로드 아이콘을 누르면 아래와 같이 otf 포맷의 해당 양진체 글꼴 파일이 컴퓨터 바탕화면 또는 다운로드를 지정한 폴더에 나타난다.

     

    양진체v0.93.otf
    0.80MB

     

    즉, 양진체는 그래픽 작업과 같은 고해상도 작업에 이용에 적합한 OTF 포맷으로 제공하고 있다. 하지만 컴퓨터 문서 작업 및 간단한 그래픽 작업 시에도 동일하게 otf 포맷으로도 사용할 수 있다.

     

     

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

     

    양진체 설치 방법 1

     

    앞에서 언급했듯이 각각의 자소도 미묘하게 비율이나 장평이 다를 뿐만 아니라 자소의 형태도 인위적으로 구현한 장식 요소가 도드라진 양진체 특징을 확인할 수 있다.

     

    양진체 설치 방법 2

     

    이러한 양진체 글꼴을 컴퓨터에 설치하려면 설치하고자 하는 글꼴 파일을 누른 후에 설치 버튼을 눌러 컴퓨터에 설치하는 방식이 일반적이다. 해당 양진체 파일은 1개이므로 해당 과정을 딱 1번만 수행해야 한다. 참고로, 글꼴 파일이 여러 개라면 아래와 같은 방식으로 글꼴을 설치하면서 글꼴이 제대로 설치되었는지 눈으로 확인할 수도 있다. 우선 기본적으로 위와 같이 필요한 글꼴 파일을 다운로드하는 과정까지는 동일하다. 이후에 글꼴 파일을 직접 설치 버튼을 눌러 설치하는 방식이 아니라 글꼴 파일을 컴퓨터 운영체계 내에 설치되는 폴더에 직접 이동해서 설치하는 방식이다.

     

    양진체 설치 방법 3

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

    양진체 설치 방법 4

     

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

     

    양진체 설치 방법 5

     

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

     

    코딩에서 양진체 활용하기

     

     

    모바일 또는 브라우저 등 웹에서 보이는 글꼴 포맷은 WOFF가 일반적이다. 코딩 시에는 대부분 웹과 인쇄에 모두 사용 가능한 TTF 포맷과 함께 웹에서 사용하도록 특별히 고안된 WOFF 포맷, 이 둘을 함께 사용한다. 위에서 양진체 폰트 otf를 다운로드했으므로 양진체 글꼴 otf를 CDN으로 연결할 수도 있지만, 이건 개인이 하기에는 약간 무리가 있다. 대부분 웹폰트로 사용할 수 있는 폰트는 글꼴 개발사 또는 유통사에서 CDN으로 제공한다. 다음에서 양진체를 woff 포맷으로 CDN 연결 방식을 활용하는 방법을 살펴본다.

     

    양진체 살펴보기 8
    양진체 살펴보기 9

     

    양진체 글꼴은 현재 폰트 사이트의 대명사처럼 자리한 양진체 눈누 사이트에서 CDN 방식으로 웹폰트를 지원하고 있다. 코딩에서 양진체를 사용하려면 눈누 사이트에서 가져온 코드를 CSS에 붙여넣기하면 자동으로 양진체 woff 포맷 글꼴을 다운로드한다.

     

    @font-face {
        font-family: '양진체';
        src: url('https://fastly.jsdelivr.net/gh/supernovice-lab/font@0.9/yangjin.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    body { font-family: '양진체' }

     

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