CSS를 위한 구글 온라인 폰트

https://fonts.google.com/?lang=ko_Kore&script=Kore

Browse Fonts - Google Fonts

 

 

※ 적용 방법(link 방식)

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

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.noto-sans-kr-<uniquifier> {
  font-family: "Noto Sans KR", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

 

※ 적용 방법(@import 방식)

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

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.noto-sans-kr-<uniquifier> {
  font-family: "Noto Sans KR", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}