font (2) 썸네일형 리스트형 [React] 폰트 적용하기 (.ttf/.otf) 1. 폰트를 다운로드 받습니다. Fontsgeek : Download Thousands Of Cool Free Fonts For Windows And Mac. 1 Style Uncategorized 14 Downloads fontsgeek.com Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 2. fonts 폴더를 만들어주고 해당 ttf/otf 파일을 넣어줍니다. 3. index.css에서 해당 폰트를 불러줍니다. @font-face { src: url () } 을 이용하여 해당 폰트를 불러와줍니다. font-swap 속성을 웹 폰트를 적용하는 CSS에 추가하면 해당 CS.. React GlobalStyle Font 적용하기 제일 먼저 사용할 폰트를 다운받았습니다. 폰트 사용을 위해 index.css에 폰트를 등록해줍니다. 제일 중요한 점은 otf 파일은 format에 'opentype'을 지정해 줘야 합니다. 왜인지 format('otp')를 먹지를 않습니다. 글로벌스타일을 사용하기위해 atoms에 GlobalStyle을 만들어주고, App에 적용해줬습니다. 다음과 같이 적용이 잘 된것을 확인 할 수 있었습니다. 이전 1 다음
