Unrecognized font family 'fontName' [RcTFont updateFont:withFamily:size:weight:style:variant:scaleMultiplier 에러

ios 빌드 에러해결

1. 폰트

앱에 글꼴을 추가하려면 지원되는 모든 스타일(굵게, 기울임꼴 …) 또는 필요에 따라 샘플에 대한 .ttf(.otf와 같은 다른 형식도 지원됨) 파일이 필요

2. 글꼴 이름 바꾸기

일반적으로 Google 글꼴의 이름은 올바르게 지정되나 어떤 경우에는 이름을 바꿔야 함 중요!~

PostScript 이름 을 사용

옵션 1:

터미널을 열고 글꼴 폴더에서 이 명령을 실행합니다. 그것은 당신에게 모든 PostScript 이름 을 줄 것입니다 :
아닌경우 옵션2처럼 PostScript 명으로 사용

$ "$arg"*.{ttf,otf}에 있는 파일의 경우; do fc-scan --format "%{postscriptname}\n" $file; 완료 
Sarpanch-Black 
Sarpanch-Bold 
Sarpanch-ExtraBold 
Sarpanch-Medium 
Sarpanch-Regular 
Sarpanch-SemiBold

그런 다음 글꼴의 이름을 바꿉니다.

옵션 2:

또한 글꼴을 설치한 다음 Font Book 앱 에서 읽어 PostScript 이름 을 얻을 수도 있습니다 (글꼴에서 Cmd + i 누르기).

3. 프로젝트에 글꼴 추가

글꼴을 적절한 폴더로 이동 (경로 맞춰야함) 오타있을수있음..

CustomFontApp/ 
 assets/ 
    fonts/ 
      Sarpanch/ 
        Sarpanch-Black.ttf 
        Sarpanch-Bold.ttf 
        Sarpanch-ExtraBold.ttf 
        Sarpanch-Medium.ttf 
        Sarpanch-Regular.ttf 
        Sarpanch-SemiBold.ttf

4. 글꼴 연결

먼저 다음 키를react-native.config.js:

module.exports = {
  project: {
    ios: {},
    android: {},
  },
  assets: ['./assets/fonts/'],
};

프로젝트의 글꼴에 rnpm 링크 를 추가할 수도 있습니다 package.json.

"rnpm": { 
"asset": ["assets/fonts/Sarpanch"] 
}

react-native link우리는 글꼴을 연결 하는 데 사용, 근데 0.59 버전에서는 더 이상 작동하지 않음.
react-native-asset 으로 적용하거나 아래 방식으로 수작업

먼저 안드로이드에서

android/app/src/main/assets/fonts/ 폴더의 글꼴을 복사합니다.

드래그 앤 드롭하거나 다음 명령줄을 사용할 수 있습니다.

cp assets/fonts/Sarpanch/* android/app/src/main/assets/글꼴/

Android 글꼴 폴더 안에 글꼴 파일을 직접 추가합니다. 글꼴 이름(Sarpanch) 폴더 안에 추가하지 않도록 주의하십시오.

그런 다음 ios에서

여기에서 두 단계

먼저 XCode를 엽니다. 왼쪽 상단 모서리에 있는 폴더 아이콘을 클릭한 다음 프로젝트 이름을 선택합니다. 대상 메뉴에서 프로젝트 이름을 클릭합니다. 빌드 단계를 클릭합니다. “번들 리소스 복사” 섹션에서 글꼴 파일을 추가

이제 마지막 . Info.plist 파일을 열고 모든 글꼴 파일 이름과 함께 새 키를 추가

<dict> 
... 
<key>UIAppFonts</key> 
<array> 
<string>Sarpanch-Black.ttf</string> 
<string>Sarpanch-Bold.ttf</string> 
<string>Sarpanch-ExtraBold.ttf< /string> 
<string>Sarpanch-Medium.ttf</string> 
<string>Sarpanch-Regular.ttf</string> 
<string>Sarpanch-SemiBold.ttf</string> 
</array> 
</dict>

5. 확인

설치가 성공했는지 확인해야 합니다. 이를 위해 다른 스타일의 글꼴을 사용하는 여러 텍스트를 표시합니다.

<Text style={{fontFamily:'Sarpanch-SemiBold'}}>글꼴</Text>;

글꼴을 인식하려면 앱을 다시 빌드

끝!

Unrecognized font family ‘fontName’ [RcTFont updateFont:withFamily:size:weight:style:variant:scaleMultiplier 에러