국내에서 온라인 쇼핑몰로 유명한 G마켓의 브랜디 아이덴티티를 담은 글꼴인 G마켓 산스를 무료로 다운로드하는 방법을 살펴본다. 더불어 누구나 무료로 사용이 가능한 G마켓 산스 폰트를 윈도우에 설치하는 방법과 코딩 시에 사용하는 방법도 살펴본다.
웹디자인에 제격인 G마켓 산스
CONTENTS
누구나 개인적인 용도뿐만 아니라 상업적인 용도에도 무료로 사용할 수 있도록 제공하는 무료 글꼴인 G마켓 산스 폰트를 소개한다. G마켓 산스 폰트는 G마켓이 추구하는 직관적인 쇼핑경험을 단순하고 직선적인 형태로 표현한 서체로 주로 상품 타이틀 및 제목에 많이 활용한다. 개인적으로는 웹디자인 시에 딱 어울리는 폰트를 찾지 못했을 때 무난하게 선택할 수 있을 정도로 매우 깔끔하고 자연스러운 표현이 가능해 웹 작업 시 필수적으로 사용하는 폰트이다. 다음에서 제시하는 순서대로 따라 하면 G마켓 산스 폰트를 무료로 다운로드해서 사용할 수 있다.
G마켓 산스 사이트 바로가기
G마켓 산스 폰트는 한글 11172자, 영문 95자, 특수문자 986자로 구성되어 있으며 특히 첫 닿자, 홀자, 받침자로 조합이 가능해 모든 한글 표현이 가능하다.
아래의 이미지에서 보듯이 G마켓 산스 폰트는 네모 틀에 꽉 채운 기하학적인 글자 형태는 글줄을 가지런하게 만들어 깔끔하고 정렬된 느낌을 주며, 손으로 쓰는 자연스러운 필순을 그대로 따라 친근하고 자연스러운 인상을 지니고 있다. 한글, 영문, 숫자 각 글자 모양에 따른 크기와 공간 조절이 되어 있어 글자를 혼용해서 사용해도 가지런하고 산뜻한 표현으로 자연스러운 디자인을 구현한다.
G마켓 산스 폰트는 다양한 브랜드, 판매자, 사용자가 함께 성장하며 가치를 나눌 수 있도록 G마켓에서 아무런 제약없이 누구나 사용할 수 있도록 배포하고 있다. 특히 수정과 재배포에도 아무런 제약이 없다. 우선 G마켓 산스 폰트를 무료로 다운로드하고 설치해서 사용하는 방법을 살펴한다.
G마켓 산스 다운로드
G마켓에서는 별도로 독립된 G마켓 산스 웹사이트를 제공하고 있으므로 아래 이미지를 눌러서 G마켓 산스 웹사이트에 접속한 후에 가장 하단까지 스크롤하면 G마켓 산스 폰트를 OTF 또는 TTF 글꼴로 다운로드할 수 있다.
위와 같이 G마켓 산스 폰트는 ttf 포맷과 otf 포맷으로 제공하고 있다. 일반적으로 글꼴은 트루타입인 TTF와 오픈타입인 OTF로 나뉘는데, 둘 다 모든 컴퓨터 운영체계와 인쇄 시에 사용이 가능하다. 하지만 TTF를 윈도우용 서체 그리고 OTF를 맥용 서체로 잘못 알려져 있는데, OTF가 워낙 고해상도이다 보니 구형 컴퓨터나 구형 윈도우 운영체계에서 오류를 발생하는 사례가 있어 맥용에만 OTF를 사용한다는 인식이 있다.
따라서 간단한 문서 작업이나 평이한 인쇄 시에는 트루타입인 TTF를 사용하면 된다. 특히 OTF 포맷은 한글을 PPT에서 열 때 제대로 구현하지 못하는 일이 발생하기도 하므로, 일반인들은 TTF 포맷을 주로 사용한다.
G마켓 산스 웹사이트 또는 위에 추가한 G마켓 산스TTF 다운로드 버튼 또는 G마켓 산스 OTF 다운로드 버튼을 누르면 해당 글꼴을 다운로드할 수 있다. 앞에서 언급했듯이 인쇄 또는 전문적인 디자인에서 글꼴을 사용할 때는 OTF 포맷을 다운로드하고, 이외에 일반적인 용도로는 TTF 포맷을 다운로드하는 것을 추천한다.
G마켓 산스 설치하기
위에서 제시한 대로 G마켓 산스 폰트를 다운로드하면 아래와 같은 해당 글꼴을 담은 zip 확장자를 지닌 압축 파일이 컴퓨터 바탕화면 또는 다운로드를 지정한 폴더에 나타난다.
여기에서는 위와 같은 ttf 포맷을 윈도우용 PC에 설치하는 방법을 중심으로 소개한다. 아래에 있는 otf 포맷도 동일한 방식으로 설치가 가능하지만, 일반인들은 ttf 포맷만으로 충분하다.
우선 다운로드한 ttf 포맷 해당 zip 압축 파일을 알집 또는 반디집과 같은 압축 해제 프로그램을 사용하여 해제하면 3개의 글꼴 파일이 나온다..
여기에서는 윈도우용 PC에 ttf 포맷을 설치하는 과정을 소개한다. 위에서 압축을 해제한 ttf 포맷의 3가지 글꼴 파일이 담긴 폴더에서 보기 옵션을 아주 큰 아이콘으로 설정하면 해당 글꼴이 글꼴이 어떠한 모양인지 가늠할 수 있어 편하다.
위에서 보듯이 G마켓 산스 폰트는 Bold, Medium, Light 세 가지 굵기로 제작되어 있다. 보기 화면에서는 영문만 나오는데 한글, 숫자 등도 표현이 가능한 범용 폰트이다. 이러한 G마켓 산스 폰트를 컴퓨터에 설치하는 방법은 매우 간단하다. 설치를 원하는 해당 파일을 누른 후에 나오는 팝업에서 설치 버튼을 눌러주면 된다.
이렇게 설치하고자 하는 글꼴 파일을 누른 후에 설치 버튼을 눌러 컴퓨터에 설치하는 방식이 일반적이다. 해당 G마켓 산스 글꼴 파일은 3개이므로 모든 글꼴을 설치하면 동일한 과정을 3번 수행해야 한다. 참고로, G마켓 산스 글꼴 파일은 3개뿐이므로 위와 같이 3번 설치하면 되는데, 일반적으로 글꼴 파일이 여러 개라면 아래와 같은 방식으로 글꼴을 설치하면서 글꼴이 제대로 설치되었는지 눈으로 확인할 수도 있다. 우선 기본적으로 위에서처럼 필요한 글꼴 파일을 다운로드해서 압축을 해제하는 것까지는 동일하다. 이후에 글꼴 파일을 직접 설치 버튼을 눌러 설치하는 방식이 아니라 글꼴 파일을 컴퓨터 운영체계 내에 설치되는 폴더에 직접 이동해서 설치하는 방식이다.
컴퓨터 바탕화면에서 가장 좌측에 위치한 윈도우 아이콘인 시작을 누르면 톱니바퀴 모양의 설정이 나오는데, 여기를 눌러 들어간 후에 개인 설정을 선택한다.
다음으로 좌측에서 글꼴 항목을 누른 후에 우측에 나오는 설치 하려면 끌어서 놓기 박스에 설치할 글꼴 파일을 마우스로 잡고 드롭 방식으로 갖다 놓으면 설치를 진행한다. 더불어 사용 가능한 글꼴을 보면 현재 컴퓨터에 설치된 모든 글꼴을 확인할 수 있다.
설정을 활용한 방법과 유사한 또 다른 방식으로 윈도우를 설치한 폴더에서 fonts 폴더에 설치할 글꼴 파일을 마우스로 끌어서 드랍해도 된다. 기본적으로 윈도우는 C하드에 설치되므로 아무 폴더나 연 후에 좌측 항목에서 내 PC로 들어간 후에 오른쪽에 나오는 장치 및 드라이브에서 C하드를 선택하고, 이후 Windows 폴더에 들어가 Fonts 폴더를 찾으면 된다. 여기 Fonts 폴더에는 컴퓨터에 설치한 모든 글꼴이 나오므로, 여기에 글꼴 파일을 추가하거나 사용하지 않는 글꼴도 여기에서 삭제하면 된다.
G마켓 산스 자세히 보기
앞에서 언급했듯이 지마켓 산스 폰트는 한글 11172자를 비록하여 영문 95자, 특수문자 986자로 구성되며 볼드, 미디엄, 라이트라는 글꼴의 전형인 3가지 굵기로 제공하고 있다. 기본적으로 글꼴 모두가 일정한 크기를 유지하는 안정적인 형태를 기반으로 손으로 쓰듯이 자연스러운 글자 쓰기 순서를 따라 글꼴을 디자인해서 매우 익숙한 친근함을 주는 폰트이다.
위에서 보듯이 글자를 영문, 한글, 숫자 등을 혼용해서 사용해도 일정한 크기를 유지하므로 깔끔한 디자인을 유지할 수 있다. 또한 첫 닿자, 홑자, 받침자로 실제 사용하지 않는 한글까지도 표현이 가능해 디자인적으로 활용도가 높다. 특히 인쇄물뿐만 아니라 PC 화면 또는 모바일 화면에서도 폰트의 깨짐 현상이 없어서 어느 환경에서나 깔끔한 느낌을 전달하면서도 무난하게 사용할 수 있는 폰트이다.
참고로, G마켓 산스를 현재 제공하는 G마켓은 처음에 인터파크의 자회사로 출발했지만 이후 미국 이베이에 인수되고 옥션과 합병하는 등 경영에 우여곡절이 많은 오픈 마켓 사이트이다. 다행이 현재는 신세계가 인수해서 대한민국의 온라인 쇼핑몰로 안정적으로 운영되고 있다.
코딩에서 G마켓 산스 사용하는 방법
모바일 또는 브라우저 등 웹에서 보이는 글꼴 포맷은 WOFF가 일반적이다. 코딩 시에는 대부분 웹과 인쇄에 모두 사용 가능한 TTF 포맷과 함께 웹에서 사용하도록 특별히 고안된 WOFF 포맷, 이 둘을 함께 사용한다. 위에서 G마켓 산스 폰트 ttf를 다운로드했으므로 이 G마켓 산스 글꼴 ttf를 CDN으로 연결할 수도 있지만, 이건 개인이 하기에는 약간 어려움이 존재한다. 대부분 웹폰트로 사용하는 폰트는 글꼴 개발사 또는 유통사에서 CDN으로 제공한다. 다음에서 G마켓 산스를 woff 포맷으로 CDN 연결 방식을 활용하는 방법을 살펴본다.
G마켓 산스 글꼴은 현재 폰트 사이트의 대명사처럼 자리한 눈누 사이트에서 CDN 방식으로 웹폰트를 지원하고 있다. 코딩에서 G마켓 산스 폰트를 사용하려면 눈누 사이트에서 가져온 코드를 CSS에 붙여넣기하면 자동으로 G마켓 산스 woff 포맷 글꼴을 다운로드한다.
@font-face {
font-family: 'GmarketSansMedium';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
font-weight: normal;
font-style: normal;
}body { font-family: 'GmarketSansMedium' }
따라서 이 쿠키런 폰트를 적용할 태그 또는 클라스를 활용해 font-family 속성과 속성값을 넣어주면 된다. 예를 들어 코딩 시 모든 웹에 있는 텍스트에 G마켓 산스 폰트를 적용한다면, 위에 같이 body 태그에 폰트 스타일을 추가하면 된다. 이를 통해 웹 상에서 다른 사람들도 자신의 컴퓨터에 G마켓 산스 글꼴을 설치하지 않아도 동일한 G마켓 산스 글꼴을 볼 수 있다. 만약 웹 상에서 특정 영역만에 G마켓 산스 글꼴을 사용하려면 해당 영역 태그명 또는 클라스명을 활용하여 CSS에서 스타일을 설정하면 된다.
