지난번 프로젝트에서는 일일이 다운로드해왔는데 너무 파일이 방대해져서 이번에는 다른 방식으로 해봤다.
여러 방법들... ttf를 woff로 변환한다던가 하는 방법
[AWS] 카톡분석 프로젝트-13 / React / 폰트 적용
서비스 배포는 이미 완료했으며 개발간 자잘한 팁들을 포스팅한다. 카톡분석 서비스 주소 카톡분석 왕 테스트 www.advancer-katalk.click 프런트엔드를 개발하면서 기본 폰트를 그대로 사용하는 경우
dbstndi6316.tistory.com
보다는 쉬운 방법인 import하기!
[React] 프로젝트에 구글폰트 적용하기
우선 구글 폰트에서 사용하고 싶은 폰트를 찾는다. 둘러보다가 마음에 드는 폰트를 Select this style 로 선택을 하면 장바구니처럼 폰트들이 Selected families에 담긴다. Selected families를 보면 아래쪽에
dazzlynnnn.tistory.com
google 폰트에서 원하는 폰트를 select한다 ( 다양한 스타일 나열 끝에 + 버튼이 보인다)
Google Fonts
Making the web more beautiful, fast, and open through great typography
fonts.google.com
그 다음, 오른쪽 위의 아이템모양을 눌러서 임포트하면 된다!
단 style태그 빼놓고.
그다음 app.css에서 맨 위에 import 해주고,
그걸 사용할 app에 규칙대로 작성하면 끝!
'[Dev] 🎯Self Study' 카테고리의 다른 글
| [노베이스] 공부기록용 (0) | 2023.02.10 |
|---|---|
| [AWS, NCP] 클라우드 플랫폼 비교 (0) | 2023.02.07 |
| [프로젝트] 시작할 때, 순서와 각종 오류 해결하기 (0) | 2023.01.27 |
| [React] 기본 세팅부터, 코드 스니펫 (0) | 2023.01.13 |
| [Eslint 에러 해결] (0) | 2023.01.05 |
