CSS - 폰트 다운

기본적으로 html이 지원하는 글꼴 이외에도 사용자가 원하는 폰트를 웹사이트에서 다운
받아서 문서 파일에 적용해서 사용할 수 있습니다.

유료로 구매해서 사용해야하는 폰트도 있지만, 무료 폰트중에 다양한 글꼴을 지원하는
구글폰트사이트도 이용할 수 있습니다.

1. 외부 폰트 적용

• 구글 폰트 사이트에서 글꼴중에 roboto를 검색하고 원하는 글꼴의 <link> 태그를
  복사해서 html 문서 파일에 붙여 넣고 css에 적용하면 됩니다.

<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap" rel="stylesheet">
<!-- roboto 폰트체, 굵기 700 -->

:root {
    font-family: 'Roboto', sans-serif;
    /* roboto 폰트 적용, 대체 폰트 : sans-serif */
}