Noto Sans KR 폰트 다운로드

Noto Sans KR폰트는

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

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

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

 

 

Noto Sans KR - 구글 웹폰트

 

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

 

---

Noto Sans KR - woff파일 

NotoSansKR.zip

7.27MB

// CSS (절대경로)

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

 

// CSS (상대경로)

@charset utf-8;

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(./font/NotoSansKR-Thin.woff) format('woff'),
       url(./font/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(./font/NotoSansKR-Light.woff) format('woff'),
       url(./font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(./font/NotoSansKR-Regular.woff) format('woff'),
        url(./font/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../font/NotoSansKR-Medium.woff2) format('woff2'),
        url(../font/NotoSansKR-Medium.woff) format('woff'),
        url(../font/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(./font/NotoSansKR-Bold.woff) format('woff'),
        url(./font/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(./font/NotoSansKR-Black.woff) format('woff'),
        url(./font/NotoSansKR-Black.otf) format('opentype');
 }

body {
	font-family: "Noto Sans Kr", sans-serif;
}

경로

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

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

 Server:  https:// (html폴더)