리액트 네이티브에서 커스텀 폰트를 설정하는 방법을 알아보겠다.

폰트 다운받기

원하는 폰트의 .ttf 확장자 파일을 다운받는다.

ios

프로젝트 디렉토리에 추가

프로젝트 디렉토리 내 /assets/fonts 폴더를 생성하고 다운받은 폰트를 추가한다.

프로젝트 내 폰트 연결

프로젝트의 .xcworkspace를 열고, 마우스 우클릭 후 ‘Add Files To…’ 를 선택하여 src/assets/fonts 폴더를 추가한다.

자동적으로 폴더 레퍼런스와 프로젝트 타겟이 설정될 것이다.

그리고, info.plist 파일로 가서 ‘Add Row’를 통해 Fonts provided by application 을 추가하고, 아래 폰트의 갯수만큼 추가한다.

android

android/app/src/main/assets/fonts 폴더를 만들고 다운받은 폰트파일을 복사해 넣으면 끝!

프로젝트에서 활용하기

프로젝트 내에서는 fontFamily:[폰트이름]로 적용하면 된다.