SUIT 폰트 다운로드

클론코딩을 하다보면 기본폰트 외 다양한 폰트를 만나게 되는데

가끔 무료폰트를 만나면 기분이가 좋습니다.

suit 라이센스

형광펜으로 칠한 텍스트는 Noto Sans Kr인데 확실히 단점을 보완한 서체같다

써보면 확실히 text-align과, letter-spacing을 잘 보완한 느낌이 있다.

 

 

SUIT 폰트  - OTF, TTF, WOFF2 다운 가능

S U N N

 

 

//  HTML

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

<style>
     body {font-family: 'SUIT', sans-serif;}
</style>

// Font-CSS

@font-face {
	font-family: 'SUIT';
	font-weight: 100;
	src: local('SUIT Thin'), url('./font/suit/SUIT-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 200;
	src: local('SUIT ExtraLight'), url('./font/suit/SUIT-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 300;
	src: local('SUIT Light'), url('./SUIT-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 400;
	src: local('SUIT Regular'), url('./font/suit/SUIT-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 500;
	src: local('SUIT Medium'), url('./font/suit/SUIT-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 600;
	src: local('SUIT SemiBold'), url('./font/suit/SUIT-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 700;
	src: local('SUIT Bold'), url('./font/suit/SUIT-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 800;
	src: local('SUIT ExtraBold'), url('./font/suit/SUIT-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 900;
	src: local('SUIT Heavy'), url('./font/suit/SUIT-Heavy.woff2') format('woff2');
}

 

SUIT 폰트를 사용하는 웹사이트

홈페이지 제작 매스티지

No.1 홈페이지 제작 매스티지

메스티지 사이트 메인

 

센추리21 컨트리클럽

센추리21 컨트리클럽