[CSS] 웹 폰트 적용하기


CSS 웹 폰트 적용하기

  • 웹 폰트는 상업과 개인용으로 이용이 가능한 Noto Sans CJK KR(본고딕)을 예로 들겠습니다.
  • Google Fonts에 접속합니다.
  • 원하는 폰트를 선택후 Embed 탭에서 < link > 로 할지, @import 로 할지 선택합니다.

  • @import

    • CSS 파일 맨 상단에 아래와 같이 선언

    • 선택자에 폰트 적용: font-family: ‘Noto Sans KR’, sans-serif;

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

body {
  font-family: 'Noto Sans KR', sans-serif;
}
  • < link >
< link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100&display=swap" rel="stylesheet" >