Noto Sans KR 폰트 다운로드

Noto Sans KR폰트는

현재 웹사이트에서 가장 많이 사용하는 폰트 중 하나이다.

구글웹폰트에서 지원하고 있고, 

폰트 두께가 다양하고, 한글을 지원하므로 앞으로도 꾸준히 쓰여질 전망이다.

 

 

Noto Sans KR - 구글 웹폰트

 

Download family누르면 ttf 설치파일 다운 가능

 

---

 

Noto Sans KR - woff파일 다운로드

notosanskr.zip

16.04MB

 

<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap" rel="stylesheet">

 

 

// CSS (상대경로)

@charset "utf-8";

@font-face {
    font-family: "NotoSansKR";
    font-weight: 100;
    src: url(NotoSansKR-Thin.woff) format(woff);
}
@font-face {
    font-family: "NotoSansKR";
    font-weight: 100;
    src: url(NotoSansKR-Thin.woff) format(woff);
}
@font-face {
    font-family: "NotoSansKR";
    font-weight: 200;
    src: url(NotoSansKR-ExtraLight.woff) format(woff);
}
@font-face {
    font-family: "NotoSansKR";
    font-weight: 300;
    src: url(NotoSansKR-Light.woff) format(woff);
}
@font-face {
    font-family: "NotoSansKR";
    font-weight: 400;
    src: url(NotoSansKR-Regular.woff) format(woff);
}
@font-face {
    font-family: "NotoSansKR";
    font-weight: 500;
    src: url(NotoSansKR-Medium.woff) format(woff),
    	/* ttf파일 추가시 */
    	 url(NotoSansKR-Medium.ttf) format('truetype');
}
@font-face {
    font-family: "NotoSansKR";
    font-weight: 600;
    src: url(NotoSansKR-SemiBold.woff) format(woff);
}
@font-face {
    font-family: "NotoSansKR";
    font-weight: 700;
    src: url(NotoSansKR-Bold.woff) format(woff);
}
@font-face {
    font-family: "NotoSansKR";
    font-weight: 800;
    src: url(NotoSansKR-ExtraBold.woff) format(woff);
}
@font-face {
    font-family: "NotoSansKR";
    font-weight: 900;
    src: url(NotoSansKR-Black.woff) format(woff);
}

body {
	font-family: "NotoSansKR", sans-serif;
}

 

경로

  Local:  각 드라이브 D:\html\class 라고 가정

상대경로 설정 시 
('/') => D: 
 - 가장 최상의 폴더로 이동
('./') => class
 - 파일의 현재 폴더 의미
('../') => html 
 - 상위 폴더로 이동

 Server:  https:// (html폴더)