본문 바로가기
웹폰트/고딕

SUIT 폰트

by treeview_officail 2025. 8. 7.

SUIT 폰트

SUIT는 모던하고 깔끔한 느낌의 오픈소스 산세리프 서체로, UI 디자인에 최적화된 한글/영문 폰트입니다.

목차

개요

SUIT는 UI 환경에 최적화된 웹폰트로, 다양한 굵기와 균형 잡힌 디자인을 바탕으로 웹·앱 개발에 널리 활용됩니다. 한글과 영문이 모두 깔끔하게 어울리는 점이 특징입니다.

CDN 연결 방법

아래 링크를 <head> 안에 삽입하면 됩니다.

Html 
<link href="https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css" rel="stylesheet" />

그리고 CSS에 아래처럼 적용합니다:

Css 
body {
    font-family: 'SUIT', sans-serif;
}

사용 예제

아래 문장은 SUIT 폰트를 적용한 예시입니다.

👋 안녕하세요!
This is SUIT font in action.

폰트 두께 비교

예시 두께
[SUIT] 안녕하세요. 반갑습니다. 100
[SUIT] 안녕하세요. 반갑습니다. 200
[SUIT] 안녕하세요. 반갑습니다. 300
[SUIT] 안녕하세요. 반갑습니다. 400
[SUIT] 안녕하세요. 반갑습니다. 500
[SUIT] 안녕하세요. 반갑습니다. 600
[SUIT] 안녕하세요. 반갑습니다. 700
[SUIT] 안녕하세요. 반갑습니다. 800
[SUIT] 안녕하세요. 반갑습니다. 900

라이선스 요약표

카테고리 사용범위 허용여부
상업적 사용 웹사이트, 앱, 인쇄, 브랜딩 등 가능
임베딩 앱, 소프트웨어, 웹서버에 탑재 가능
폰트 수정 커스터마이징 목적 가능 (출처 명시 시)
재배포 수정 및 재배포 가능 (라이선스 유지 조건)

주의사항 및 팁

  • SUIT는 다양한 굵기(weight: 100~900)를 지원하여 UI 및 타이포그래피에 유용합니다.
  • 라이선스는 SIL Open Font License (OFL)이며, 자유로운 사용 및 수정이 가능합니다.
  • 폰트를 self-hosting 하지 않고 CDN으로 불러올 경우 로딩 속도를 고려하세요.
  • 공식 다운로드 페이지
주의

CDN 주소를 잘못 입력하거나 브라우저 캐시가 남아있을 경우 폰트가 적용되지 않을 수 있습니다.

저작자표시 (새창열림)

'웹폰트 > 고딕' 카테고리의 다른 글

나눔 고딕 폰트  (0) 2025.08.07
G마켓산스 폰트  (0) 2025.08.06
Noto Sans KR  (0) 2025.08.05
Pretendard 폰트  (0) 2025.08.05

댓글

티스토리툴바