우선, 구글 폰트 페이지에 들어가 원하는 글꼴을 선택해준다.
Google Fonts
Making the web more beautiful, fast, and open through great typography
fonts.google.com
Noto Fonts가 제일 심플한 것 같아 선택을 해줬다!
둘러보다가 마음에 드는 폰트를 선택하면 장바구니처럼 폰트들이 Selected families에 담긴다.
Selected families를 보면 아래쪽에 알아서 내가 선택한 폰트들을 이용할 수 있는 코드를 만들어 놓았기 때문에 폰트가 쓰일 스타일시트에 그대로 복사 붙여넣기를 하면 된다. index.css 파일에 import 해주고, body에 font-family를 설정해주면 적용되는 것을 볼 수 있다!
'🍞 FrontEnd > React' 카테고리의 다른 글
| [React] 시간 처리하기 (몇 분 전, 몇 시간 전) (0) | 2022.11.26 |
|---|---|
| [React] 간단한 토글 메뉴 구현하기 (0) | 2022.11.21 |
| [React] 리액트 JWT (JSON Web Token) (0) | 2022.11.08 |
| [Recoil] Recoil 상태관리 라이브러리 (0) | 2022.11.02 |
| [React] Uncaught TypeError index.js (0) | 2022.11.02 |