[React Native]Unrecognized font family

Error Unrecognized font family

커스텀 폰트를 추가하고 IOS에서 빌드시에 발생한 에러 입니다.

꾀나 애먹었기에, 여러번 시도 끝에 빌드에 성공한 사례를 공유하고자 합니다.

 

해결

프로젝트 루트 경로에 react-native-config.js 생성

module.exports = {
  project: {
    ios: {},
    android: {},
  },
  assets: ['./assets/fonts/'], // 사용할 폰트가 있는 경로
};

터미널에

React Native 0.69 버젼 이상이면  npx react-native-asset 입력

이하라면 react-native link 입력

https://github.com/unimonkiez/react-native-asset

GitHub - unimonkiez/react-native-asset: Linking and unlinking of assets 🔥

해당 커맨드를 실행 시키고 IOS 빌드를 하신다면 Info.plist 에 다음과 같이 추가가 됩니다.

Info.plist

---

적용이 잘된 화면

 

---

etc 확인사항

폰트 파일명이 PostScript 명과 다르다면 PostScript 명으로 바꿔주세요.

PostScript명은 서체 관리자를 통해 확인이 가능합니다.

PostScript명 확인하기