본문 바로가기

Study/실무

React GlobalStyle Font 적용하기

제일 먼저 사용할 폰트를 다운받았습니다.

 

폰트 사용을 위해 index.css에 폰트를 등록해줍니다.

 

제일 중요한 점은 otf 파일은 format에 'opentype'을 지정해 줘야 합니다.  왜인지 format('otp')를 먹지를 않습니다.

 

 

 

글로벌스타일을 사용하기위해 atoms에 GlobalStyle을 만들어주고, App에 적용해줬습니다.

 

다음과 같이 적용이 잘 된것을 확인 할 수 있었습니다.

'Study > 실무' 카테고리의 다른 글

CSS aspect-ratio - 가로 세로비율 조정하기  (0) 2022.10.27
React-toastify 가이드  (0) 2022.10.25
React-Router v6  (0) 2022.10.05
useQuery  (0) 2022.10.05
useMutation  (0) 2022.10.05