web font 적용하는 2가지 방법

index.css

@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap');

index.html

<link
  href="https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap"
  rel="stylesheet"
/>

• link태그로 불러오는 것은 기존에 알고 있었는데,
• css에서 @import 로 불러오는 것은 처음알았다
• 폰트같이 범용적은 것은 index.css에 넣어주면 좋을 것 같다

참고

• https://developer.mozilla.org/ko/docs/Web/CSS/@import