[ReactNative] 폰트 추가하기(android, ios)

expo에서는 폰트를 추가하기가 쉽지만 expo를 쓰지 않는다면 안드로이드, iOS 따로 설정해줘야합니다.

 

먼저 iOS의 경우부터 보겠습니다.

프로젝트 폴더 안에서 /ios/projectName.xcodeproj 파일을 실행시켜서 xCode를 킵니다. 미리 Fonts라는 폴더를 생성하고 그 안에 추가할 폰트를 넣어놓습니다.

프로젝트에서 오른쪽 버튼으로 Add Files to "project name".. 를 클릭하고 만들어놓은 폴더를 추가해주고 Add를 눌러줍니다.

프로젝트를 누르고 Info 탭으로 가서 Fonts provided by application를 추가해주고 Item에 폰트명을 적어줍니다.

여기까지가 iOS에 폰트 추가하는 방법입니다.

 

안드로이드에서 폰트 추가하는 방법을 보겠습니다.

안드로이드는 iOS처럼 복잡하지 않고 프로젝트에 폰트를 추가하는 것으로 끝이납니다.

먼저 프로젝트에서 /android/app/src/main/assets/fonts에서 폴더를 생성하고 폰트를 추가해주는 것으로 끝이납니다.

 

폰트 추가하는 것은 끝이 났고 어느 곳이든 스타일 태그에 폰트 확장자를 제외하고 사용하면 됩니다.

저 같은 경우에는 Font.js라는 파일을 만들어서 조금 더 줄여서 폰트를 사용합니다.

 

이런식으로 폰트를 사용합니다.

 

iOS에서 xCode를 사용해서 폰트 추가하는 방법만 불편하고 나머지 사용방법은 편한거 같아서 expo와 큰 차이는 없는거 같습니다.