구글 폰트 리뉴얼: 웹 폰트의 모든 것을 담았다.

구글 폰트가 업데이트 됐습니다. 구글 폰트는 라이센스에서 자유로운 952개 글꼴을 제공하는 라이브러리입니다. 2010년 출시된 이후 다양한 웹환경에서 웹폰트를 불러와 사용할 수 있게 해준 고마운 도구입니다. 이번에 구글 폰트 웹사이트가 크게 바뀌었습니다.

가장 큰 변화는 웹 폰트를 사용하는데 필요한 도구와 지식이 탭으로 담겼습니다. Fonts, Noto, Icons, Knowledge, FAQ 탭을 제공합니다. 모바일은 앱처럼 하단에 네비게이션 탭이 생겼습니다. 데스크탑 기준으로는 유튜브처럼 좌측에 네비게이션 탭이 있고 필터도 왼쪽에 사이드바로 등장합니다.

©Google
©Google

👁️ 디자이너의 눈

Fonts를 이용해 서체를 찾을 수 있습니다. 키워드로 서체를 찾는 것이 기본 탐색 흐름이며 필터를 이용해 발라볼 수 있습니다. 필터는 언어, 기술, 장식, 분류, 속성 등으로 구분할 수 있습니다. 최근 서체의 다양한 설정을 자유자재로 조절할 수 있는 가변 Variable 기술이 부상했기 때문에 필터의 앞부분에 배치된 것으로 보입니다.

©Google

Noto 탭에서는 구글이 만든 Noto를 소개합니다. 전 세계 언어를 누락 없이 표시하는 것이 목표인 서체로 한글, 아랍 문자, 태국 문자 등 다양한 문자에 사용할 수 있습니다. 노토, 한중일 서체인 CJK 등이 만들어진 배경과 관련 이야기를 유튜브로 볼 수 있습니다.

©Google

Icons 탭에서는 구글이 만든 Material Symbols를 소개합니다. 머티리얼 디자인에서 제공하는 아이콘이 담겼습니다. 스타일, 무게, 강조, 시각적 크기, 카테고리 별로 필터링할 수 있습니다. 웹, 안드로이드, iOS에서 사용할 수 있는 코드, SVG, PNG를 제공합니다. 다양한 설정을 코드로 바꿀 수 있는 Variable icon font와 속성이 고정된 static icon font를 사용할 수 있습니다.

©Google

Knowledge 탭에서는 디지털 타이포그래피에 관한 다양한 지식을 소개합니다. 가변 서체를 웹에 적용하는 법, 라틴 타입의 역사, 한중일 서체의 특징, 가독성과 접근성, 한글 디자인, 실라빅 타이포그래피, 타이포그래피 기초, AR과 VR에서 쓰이는 서체 등의 내용을 담았습니다.

©Google

📕 에디터 노트

유용하게 사용하고 있는 Fonts, Noto, Icons의 사용성은 거의 비슷한데 웹 폰트에 대한 지식을 한 곳에 모아준 것이 감사하네요. 다양한 환경에 알맞게 사용자가 손쉽게 설정할 수 있는 가변 글꼴 기술에 관한 내용이 특히 눈에 띕니다. png 이미지처럼 medium, bold 와 같은 의미적인 이름으로 파일이 쪼개지고 굵기가 고정됐는데 이제 100,200,300 처럼 원하는 단계로 스타일을 조절할 수 있는 점이 매력적이네요. 앞으로도 구글 폰트는 엄청 쓸테니 꼭 써보세요!

더 보기 및 출처

디자인 나침반 뉴스레터

매주 화요일, 놓치면 안 될 디자인 소식 받기

이용약관 개인정보처리방침 마케팅수신동의

비슷한 글

최근 글

최근 소식

디자인 나침반 아카데미

최근 글

UX 템플릿

내용이 담기는 영역입니다. ©Copyright 입니다. 더 보기 및 출처

글이 없습니다.