Create-React-App 프로젝트에 글꼴 추가
가져오기 사용
이 권장 방법은 글꼴을 빌드 파이프라인에 통합합니다. 이를 달성하려면:
- JS에서 CSS 파일을 가져옵니다(예: './index.css' 가져오기).
- 로 시작하는 상대 경로를 사용하여 CSS 파일 내 글꼴을 참조하세요. / (예: @font-face { src: local('MyFont'), url(./fonts/MyFont.woff) }).
공용 폴더 활용
대안으로 공용 폴더에서 글꼴을 수동으로 관리할 수 있습니다.
- 공용 폴더 내의 위치(예: public/fonts/MyFont.woff)에 글꼴을 배치합니다.
- <링크> 추가 public/index.html에서 CSS 파일로 이동합니다(예: ).
- 일반 CSS 표기법을 사용하여 글꼴을 참조합니다. CSS 파일 내에서 상대 경로를 고려합니다(예: @font-face { src: local('MyFont'), url(fonts/MyFont.woff) }).
권장사항
다음 이점을 위해 "가져오기 사용" 방법을 선택하십시오.
- 파이프라인 통합 구축
- 브라우저 캐싱을 위한 해싱
- 누락된 파일에 대한 컴파일 오류
위 내용은 Create-React-App 프로젝트에 사용자 정의 글꼴을 어떻게 추가하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!