Typescript 기초(5) - Font

Singsoong·2022년 6월 21일
0

Typescript

목록 보기
6/6

📚Font setting

  • 먼저, 구글 폰트에 접속해서 원하는 폰트를 찾자.

    구글 폰트

  • 폰트를 select하고 import 하자.
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400&display=swap');
  • import 할 때에는 정의해둔 GlobalStyle에 추가하면 된다.
body{
  font-family: 'Source Sans Pro', sans-serif;
}
  • GlobalStyle 컴포넌트 내에 설정할 폰트를 작성한다.
  • body의 폰트를 Source Sans Pro를 사용하는데, 만약 폰트가 없다면(로드되지 않는다면) sans-serif를 사용한다.

profile
Web Developer

0개의 댓글