헤드라인에 스위트를 사용했을 때 UI에 적절한 율동감을 가미할 수 있도록 시각 흐름선을 중간 보다 높은 위치에 두었고, 네모틀과 탈네모틀의 중립 형태로 전통적 고딕 대비 모던하고 간결한 표정으로 디자인되었습니다.
한국어로 제공되는 프로덕트에서 라틴 알파벳과 숫자는 짧은 호흡으로 사용되기에 X-Height를 높이고, 글자 굵기에 따라 Cap Height와 Baseline의 위치가 변하도록 하여 한글과 더 나은 시각적 조화를 이룹니다.
(4-2)×180°=360°
ⓘ⑬⚠Ⓝ↑→↓←
스위트 미리 써보기
글자 크기
글자 굵기
지오메트릭(Geometric) 폰트의 공통적인 특징은 대문자 'O'자가 정원에 가깝다는 점, 소문자 'a'자가 단층이라는 점이다.
특징
버티컬 매트릭스
글자의 위, 아래 빈 공간이 같도록 했습니다. 버튼 속의 글자 혹은 아이콘과 글자가 나란히 있을 때 가운데를 맞추기 위해 위아래 여백을 서로 다르게 하지 않아도 됩니다.
라인 하이트
UI 헤드라인에서 주로 사용하는 글자 크기 18, 16. 그리고 26, 24에서 라인 하이트 기본 값이 짝수입니다. 위아래 여백이 같게 Contained 했을 때 전체 높이를 짝수로 할 수 있습니다.
UI 요소로 해석한 글리프
심볼 중 그래픽 메타포로 흔히 활용되는 글자의 경우 그 자체를 UI 요소로 활용 할 수 있도록 고려 되었습니다.
버티컬 얼라인
구두점과 괄호 등의 버티컬 얼라인을 한글에 맞춰 조정하고 한글과 서로 어우러지도록 부피감을 조절했습니다.
다양한 굵기와 Variable 포맷 지원
총 7종의 굵기를 지원합니다. 또한 Variable 포맷도 지원하여 타겟 디바이스가 명확하다면 자유로운 굵기로 사용 할 수 있습니다.
용량 최적화
SUITE―스위트는 시작부터 임베딩 및 웹폰트를 목적으로 만들어졌습니다. KS × 1001 완성형 2,350자와 외래어 및 신조어 표현을 위한 318자만 포함하여 woff2의 경우 200kb보다 작습니다.
오픈타입 기능
모노스페이스 숫자 tnum
자릿수의 정확한 표현을 위해 모노스페이스 글리프를 별도로 두었습니다. 모노스페이스는 모든 굵기에서 같은 자폭을 가집니다.
명확한 표현을 위한 글자 ss17
영문과 숫자가 혼합된 시리얼번호 등을 표현 할 때 명확한 식별을 위해 변형된 글리프를 제공합니다.
대체 화살표 ss18
샤프트가 있는 일반적인 스타일의 화살표를 사용 할 수 있습니다.
웹폰트
Static
<link href="https://cdn.jsdelivr.net/gh/sunn-us/SUITE/fonts/static/woff2/SUITE.css" rel="stylesheet">
<style>
* {font-family: 'SUITE', sans-serif;}
</style>
Variable
<link href="https://cdn.jsdelivr.net/gh/sunn-us/SUITE/fonts/variable/woff2/SUITE-Variable.css" rel="stylesheet">
<style>
* {font-family: 'SUITE Variable', sans-serif;}
</style>
라이센스
SUITE―스위트는 오픈소스입니다. SIL Open Font License에 따라 개인 또는 기업이 영리적, 비영리적 목적으로 자유롭게 사용할 수 있습니다. 단, SUITE를 단독 판매하면 안 됩니다. SUITE에 대한 제안 및 문의는 이메일로 보내주세요.