구글이 제공하는 웹폰트 서비스 구글폰트(Google Fonts)+ 한국어 사용하기.
웹폰트를 사용하신다면 어떤 폰트를 사용하고 계신가요?
노토산스나 나눔폰트를 사용하시나요?
구글과 어도비가 만든 본고딕(노토산스)는 용량이 커서 웹폰트로 사용하기엔 부담이 되기도 합니다.
또한 과거의 많은 사용자들이 네이버 '나눔폰트' 시리즈를 웹폰트로 사용하기 위해 폰트를 변환하여 서버에 업로드후 사용하는 번거로운 방법으로 웹폰트를 사용해 왔습니다.
구글 웹폰트 서비스를 이용하면 이런 번거로움을 거치지 않아도 됩니다.
구글 폰트 서비스에서 제공하는 소스코드만 입력해 주면 간단하게 현재 23종의 웹폰트를 선택하여 사용하실수 있습니다.
웹폰트의 큰 용량으로 인한 속도 저하를 개선하고자 한국어 문서의 패턴을 분석하여 머신 러닝에 기반을 둔 최적화 기술로 빠르게 웹페이지를 불러올수 있습니다.
먼저 구글 폰트+ 한국어 웹사이트에 올라온 내용을 확인해 보겠습니다.
좋은 타이포그래피를 통해 웹은 더욱 아름답고, 빠르며, 누구나 참여할 수 있는 공간이 될 수 있습니다. Google Fonts는 이 사이트에 수록된 오픈 소스 한글 폰트를 머신 러닝에 기반을 둔 최적화 기술을 통해 시범적으로 제공합니다.
좋은 타이포그래피를 통해 웹은 더욱 아름답고, 빠르며, 누구나 참여할 수 있는 공간이 될 수 있습니다. Google Fonts는 이 사이트에 수록된 오픈 소스 한글 폰트를 머신 러닝에 기반을 둔 최적화 기술을 통해 시범적으로 제공합니다.
큰 용량은 이제껏 한글 폰트를 웹에서 사용할 때 맞닥뜨리는 가장 큰 걸림돌이었습니다.
한글은 발음 구조의 모양을 본뜬 닿자(자음을 나타내는 낱자) 19가지와 하늘, 땅, 인간을 추상화한 홀자(모음을 나타내는 낱자) 21가지로 이루어집니다. 서로 조합된 낱자는 음절 하나를 나타내는 글자가 되고, 글자는 모여 단어가 됩니다.
한글의 각 글자에서 낱자는 주변 낱자와의 관계에 따라 모양이 조금씩 달라지고, 이런 현상은 한자와 가나에서도 나타납니다. 따라서 한글을 바르게 표시하기 위해서는 기본적으로 낱자를 모두 조합한 17,388가지 글리프를 폰트에 포함해야 합니다. 이는 폰트를 제작하는 기간과 비용뿐 아니라 파일의 용량에도 큰 영향을 미칩니다. 예컨대 Google이 전 세계의 모든 문자를 표시하기 위해 개발하고 있는 노토 산스(Noto Sans) 로마자 버전의 용량은 445KB에 불과하지만, 44,683가지 글자를 포함한 CJK 버전은 15.7MB에 달하며, 폰트를 완전히 다운로드하기 전까지는 페이지가 바르게 표시되지 않습니다. 이는 지금까지 웹에서 다양한 한글 폰트를 제대로 이용하는 데 큰 제약이었습니다.
Google Fonts는 머신 러닝에 기반을 둔 최적화 기술을 통해 한글 폰트를 동적으로 분할 다운로드합니다.
웹상의 방대한 한국어 문서를 분석한 결과, Google은 주제에 따라 사용되는 글자의 패턴을 발견하고, 패턴에 따라 한글 폰트에 포함된 17,388개의 글리프를 100여 가지 그룹으로 나누었습니다. 여기에 Google Fonts는 사용자가 웹 페이지를 불러올 때, 폰트 전체를 다운로드 하는 대신 내용을 표시하는 데 꼭 필요한 몇 가지 그룹만을 선택적으로 다운로드 하는 방식으로 폰트를 제공합니다. 이 기술을 적용한 Google Font를 사용하면 보다 빠르게 폰트 전체를 다운로드한 것과 다름없는 페이지를 제공할 수 있습니다.
또한 Google Fonts API의 사이트 간 캐싱(cross-site caching)을 통해 해당 폰트가 여러 웹사이트에서 사용될수록 전체 다운로드 시간은 줄어들고, 한글 웹 폰트를 둘러싼 사용자 경험은 그만큼 개선될 것입니다.
65,535
총 글리프 개수 (한글+한자+간지)
Noto Sans CJK
2,416
총 글리프 개수 (라틴+그리스+키릴자모)
Noto Sans
Google Fonts + 한국어는 공공을 위한 가치를 지향합니다.
Google Fonts + 한국어에 실린 모든 폰트는 오픈 폰트 라이선스(OFL)를 따르므로, 누구나 마음에 드는 폰트를 자유롭게 사용하고, 친구나 직장 동료와 공유할 수 있습니다. 소수 문자의 발전을 추구하는 비영리 기관인 ‘국제 SIL’에서 제안한 오픈 폰트 라이선스의 대상은 폰트 및 폰트 디자인, 언어를 활용하는 소프트웨어의 개발 및 엔지니어링 등을 망라합니다. 오픈 폰트 라이선스는 세계 어느 곳에서나 폰트 관련 기술을 협력적으로 개발 및 공유하고, 개선할 수 있는 법적 기반을 제공합니다.
현재 검은 고딕, 고딕 A1, 나눔고딕,나눔 고딕 코딩,나눔명조,감자꽃마을, 개구쟁이, 구기, 귀여운 폰트, 기랑해랑, 나눔 손글씨 붓,나눔 손글씨 펜,대한민국 독도, 도현, 독도, 서툰이야기, 송명,스타일리시, 연성, 주아, 하이멜로디, 해바라기, 흑백사진 등 총 23종의 폰트가 제공되고 있으며 앞으로도 다양한 웹폰트들이 추가가 될 것으로 보여집니다.
검은 고딕(Black Han Sans)
일반적인 한글 고딕체에 비해 강한 인상을 주는 서체입니다.
제작 제스타입
제스타입은 서울을 기반으로 활동하는 독립 디자이너로, 서체 디자인뿐 아니라 워크숍이나 전시 등 다양한 관련 활동을 해오고 있습니다.
Regular
고딕 A1(Gothic A1)
다양한 굵기와 최적화된 공간 분배를 통해 매체에 구분 없이 사용할 수 있는 고딕체입니다.
제작 한양정보통신
1990년에 설립된 한양정보통신은 1991년 아래아 한글에 제공한 HY신명조, HY중고딕을 시작으로 지금까지 250여 종의 서체를 개발했습니다. 한양정보통신의 서체들은 운영체제, 워드프로세서 등의 소프트웨어뿐 아니라 Google을 비롯한 국내외 기업에서도 사용되고 있습니다.
Thin
ExtraLight
Light
Regular
Medium
Semibold
Bold
ExtraBold
나눔고딕(Nanum Gothic)
획의 마감을 곡선으로 표현해 기존의 한글 고딕체에 비해 부드러운 인상을 강조한 서체입니다.
제작 산돌
산돌커뮤니케이션과 폰트릭스가 디자인하고 네이버가 배포하는 나눔글꼴 패키지의 일부입니다.
Regular
Bold
ExtraBold
나눔 고딕 코딩(Nanum Gothic Coding)
코딩을 위해 전문적 힌팅이 적용된 고정폭 서체입니다.
제작 산돌
산돌커뮤니케이션과 폰트릭스가 디자인하고 네이버가 배포하는 나눔글꼴 패키지의 일부입니다.
Regular
Bold
나눔명조(Nanum Myeongjo)
부리와 맺음 등의 마감을 직선적으로 표현해 기존의 한글 명조체보다 현대적인 인상을 주는 서체입니다.
제작 산돌
산돌커뮤니케이션과 폰트릭스가 디자인하고 네이버가 배포하는 나눔글꼴 패키지의 일부입니다.
Regular
Bold
ExtraBold
송명(Song Myung)
일반 한글 명조체에 비해 닿자를 상대적으로 크게 디자인하고, 불필요한 장식을 줄여 현대성을 강조한 서체입니다.
제작 직지소프트
2004년에 설립된 직지소프트는 바르고 아름다우며 시대의 감성을 담은 서체를 만들기 위해 노력하고 있습니다. 직지소프트의 대표 서체로는 SM클래식 패밀리, 오륜체, 신영복체 등이 있습니다. 특히 서체 디자이너 최정호 선생의 원도를 바탕으로 구현된 SM클래식 패밀리의 명조 및 고딕 계열 서체들은 사용자에게 조형성과 가독성을 인정받고 있습니다.
Regular
감자꽃마을(Gamja Flower)
펜글씨의 형태와 질감, 리듬감 있는 글줄 흐름을 통해 감자꽃의 우아한 인상을 반영한 서체입니다.
제작 윤디자인
1989년에 설립된 윤디자인은 오랜 연구와 장인 정신을 바탕으로 용도와 스타일을 아우르며 사용성에 초점을 맞춘 폰트를 개발해왔습니다. 윤디자인의 윤고딕 서체는 기업 로고, 디지털 기기, 운영체제, 소프트웨어뿐 아니라 여러 기업에서 지정 서체로 사용되고 있습니다.
Regular
개구쟁이(Gaegu)
펜글씨의 자유로운 형태와 구조를 반영해 다양한 표정과 동화적 이미지를 반영한 서체입니다.
제작 직지소프트
2004년에 설립된 직지소프트는 바르고 아름다우며 시대의 감성을 담은 서체를 만들기 위해 노력하고 있습니다. 직지소프트의 대표 서체로는 SM클래식 패밀리, 오륜체, 신영복체 등이 있습니다. 특히 서체 디자이너 최정호 선생의 원도를 바탕으로 구현된 SM클래식 패밀리의 명조 및 고딕 계열 서체들은 사용자에게 조형성과 가독성을 인정받고 있습니다.
Light
Regular
Bold
구기(Gugi)
‘훈민정음’에 나타난 한글의 형태적 특징과 구기 종목 스포츠에서 ‘공’의 움직임을 한글 구조에 적용해 공이 유기적으로 이동하는 모습을 반영한 서체입니다.
제작 태시스템
1992년에 설립된 태시스템은 아날로그와 디지털을 포괄하는 다양한 서체 관련 기술을 바탕으로 폰트뿐 아니라 전자 출판, 모바일 애플리케이션 등 다양한 소프트를 개발해왔습니다. 태시스템의 서체들은 언론사, 소프트웨어, 영화관 자막 등에 사용되고 있습니다.
Regular
귀여운 폰트(Cute Font)
획의 맺음이나 꺾임을 둥글게 표현하고, 가로획과 세로획의 대비를 통해 리듬감을 강조한 서체입니다.
제작 타이포디자인연구소
서체 디자인 전문 회사인 타이포디자인연구소는 10년 이상의 서체 개발 경험과 과학적 분석을 바탕으로 대한민국 정부 전용 서체를 비롯해 200여 종의 폰트를 개발해왔습니다.
Regular
기랑해랑(Kirang Haerang)
삐뚤어진 글자 테두리 모양 원형을 채워 만든 서체입니다. 동그라미가 커진 것이 특징입니다.
제작 우아한형제들
배달의민족, 배민 라이더스 등의 서비스를 제공하는 우아한형제들은 2013년 한나체를 시작으로 한국의 옛 간판에 영감을 받은 복고적 서체를 제작 및 배포해왔습니다. 우아한형제들의 서체들은 비전문적이지만 다정한 일반인의 시선을 존중합니다.
Regular
나눔 손글씨 붓(Nanum Brush Script)
붓글씨를 표현해 꾸미지 않은 편안함과 리듬감을 주는 서체입니다.
제작 산돌
산돌커뮤니케이션과 폰트릭스가 디자인하고 네이버가 배포하는 나눔글꼴 패키지의 일부입니다.
Regular
나눔 손글씨 펜(Nanum Pen Script)
펜글씨를 표현해 꾸미지 않은 편안함과 리듬감을 주는 서체입니다.
제작 산돌
산돌커뮤니케이션과 폰트릭스가 디자인하고 네이버가 배포하는 나눔글꼴 패키지의 일부입니다.
Regular
대한민국독도(East Sea Dokdo)
붓글씨의 특징을 반영해 굵기의 변화가 자유롭고, 세로 모임 글자의 곁줄기를 굵고 길게 강조해 바다 위로 솟은 독도의 이미지를 시각화한 서체입니다.
제작 윤디자인
1989년에 설립된 윤디자인은 오랜 연구와 장인 정신을 바탕으로 용도와 스타일을 아우르며 사용성에 초점을 맞춘 폰트를 개발해왔습니다. 윤디자인의 윤고딕 서체는 기업 로고, 디지털 기기, 운영체제, 소프트웨어뿐 아니라 여러 기업에서 지정 서체로 사용되고 있습니다.
Regular
도현(Do Hyeon)
아크릴 판에 자를 대고 잘라낸 옛 간판을 모티브로 삼은 서체입니다. 자음과 모음의 획이 서로 이어지는 것이 특징으로, 한글 폰트로는 최초로 ㅅ, ㅈ, ㅎ 등의 닿자 옆의 홀자에 따라 닿자의 형태가 자동으로 달라집니다.
제작 우아한형제들
배달의민족, 배민 라이더스 등의 서비스를 제공하는 우아한형제들은 2013년 한나체를 시작으로 한국의 옛 간판에 영감을 받은 복고적 서체를 제작 및 배포해왔습니다. 우아한형제들의 서체들은 비전문적이지만 다정한 일반인의 시선을 존중합니다.
Regular
독도(Dokdo)
독도의 지질학적 질감을 통해 밝고 희망찬 인상을 강조한 서체입니다.
제작 폰트릭스
2005년에 설립된 폰트릭스는 서체 디자인 전문 회사로, 다양한 경험을 통해 한글 폰트뿐 아니라 다국어용, 기업용 폰트를 제작해왔으며 서체와 관련된 다수의 디자인 및 기술 특허를 보유하고 있습니다.
Regular
서툰이야기(Poor Story)
직선적인 획의 기울기를 조금씩 달리해 삐뚤빼뚤하지만 또박또박 써내려간 손글씨의 감성을 표현한 서체입니다.
제작 윤디자인
1989년에 설립된 윤디자인은 오랜 연구와 장인 정신을 바탕으로 용도와 스타일을 아우르며 사용성에 초점을 맞춘 폰트를 개발해왔습니다. 윤디자인의 윤고딕 서체는 기업 로고, 디지털 기기, 운영체제, 소프트웨어뿐 아니라 여러 기업에서 지정 서체로 사용되고 있습니다.
Regular
스타일리시(Stylish)
기존 한글 명조체의 요소를 탈네모틀 구조에 적용하고, 글줄의 리듬감 있는 흐름을 표현한 서체입니다.
제작 아시아소프트
1992년에 설립된 아시아소프트는 오랫동안 축적된 해외 경험을 토대로 한글 포스트스크립트 및 CID-Keyed 폰트를 개발했습니다. 또한 한글의 구조적 특징을 분석해 자체적으로 제작한 소프트웨어를 통해 서체 개발 기간 및 비용을 줄이는 데 노력하고 있습니다.
Regular
연성(Yeon Sung)
어수룩해 보이지만, 부리를 강조해 한 글자씩 정성스럽게 써내려간 듯한 인상을 주는 서체입니다.
제작 우아한형제들
배달의민족, 배민 라이더스 등의 서비스를 제공하는 우아한형제들은 2013년 한나체를 시작으로 한국의 옛 간판에 영감을 받은 복고적 서체를 제작 및 배포해왔습니다. 우아한형제들의 서체들은 비전문적이지만 다정한 일반인의 시선을 존중합니다.
Regular
주아(Jua)
붓으로 직접 쓴 옛 간판을 모티브로 삼아 획의 굵기가 일정하지 않고 동글동글한 느낌을 주는 복고적 서체입니다.
제작 우아한형제들
배달의민족, 배민 라이더스 등의 서비스를 제공하는 우아한형제들은 2013년 한나체를 시작으로 한국의 옛 간판에 영감을 받은 복고적 서체를 제작 및 배포해왔습니다. 우아한형제들의 서체들은 비전문적이지만 다정한 일반인의 시선을 존중합니다.
Regular
하이멜로디(Hi Melody)
손글씨의 아기자기한 인상과 탈네모틀 구조의 리듬감을 강조한 서체입니다.
제작 윤디자인
1989년에 설립된 윤디자인은 오랜 연구와 장인 정신을 바탕으로 용도와 스타일을 아우르며 사용성에 초점을 맞춘 폰트를 개발해왔습니다. 윤디자인의 윤고딕 서체는 기업 로고, 디지털 기기, 운영체제, 소프트웨어뿐 아니라 여러 기업에서 지정 서체로 사용되고 있습니다.
Regular
해바라기(Sunflower)
기하학적인 조형성을 바탕으로 곡선 표현을 부분적으로 적용한 서체입니다.
제작 직지소프트
2004년에 설립된 직지소프트는 바르고 아름다우며 시대의 감성을 담은 서체를 만들기 위해 노력하고 있습니다. 직지소프트의 대표 서체로는 SM클래식 패밀리, 오륜체, 신영복체 등이 있습니다. 특히 서체 디자이너 최정호 선생의 원도를 바탕으로 구현된 SM클래식 패밀리의 명조 및 고딕 계열 서체들은 사용자에게 조형성과 가독성을 인정받고 있습니다.
Medium
Bold
흑백사진(Black And White Picture)
거칠고 낡은 질감을 통해 빛바랜 흑백사진의 감성을 표현한 서체입니다.
제작 아시아소프트
1992년에 설립된 아시아소프트는 오랫동안 축적된 해외 경험을 토대로 한글 포스트스크립트 및 CID-Keyed 폰트를 개발했습니다. 또한 한글의 구조적 특징을 분석해 자체적으로 제작한 소프트웨어를 통해 서체 개발 기간 및 비용을 줄이는 데 노력하고 있습니다.
Regular
웹폰트 적용은 아래의 2개의 사이트에서 모두 적용 가능합니다.
https://fonts.google.com
1. 빨간 + 버튼을 눌러 적용할 웹폰트를 선택해주세요.
2. CUSTOMIZE 를 클릭 하면 굵기와 포함될 언어를 선택할수 있습니다.
3. STANDARD 와 @IMPORT 중 원하시는코드를 선택후 복사해주세요.
CSS 를 이용하여 구성한 웹사이트는 주로 @IMPORT 방식을 많이 사용합니다.
복사한 코드를 HTML 문서의 <head></head> 태그에 붙여넣기 해주세요.
4. CSS 에서 지정
font-family 부분을 찾아서 위에 복사한 소스로 대체해 줍니다. (font-family: 'Nanum Gothic', sans-serif;)
Google Fonts + 한국어
원하시는 폰트를 클릭하면 HTML,CSS 코드가 출력됩니다.
원하시는 굵기 버튼을 클릭해 주시고 코드를 복사하고 문서에 붙여넣기후 사용하시면 됩니다.
복사후 적용 방법은 fonts.google.com 와 동일 합니다.
상업용으로도 사용가능한 무료 한글 폰트
|
data-language=”ko” |
댓글