Create-React-App 프로젝트에 사용자 정의 글꼴을 어떻게 추가하나요?

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!