[React Native] RN - 구글 폰트(Custom Font) 사용하기

 

이번 시간에는 ReactNative 커스텀 폰트를 사용하는 방법에 대해 알려드리도록 하겠습니다.

폰트 다운로드

원하는 폰트를 다운로드 합니다.

 

프로젝트에 폰트 파일 추가하기

다운 받은 폰트는 assets/fonts를 추가해줍니다.

 

설정파일 추가하기

① react-native.config.js 파일을 새로 생성합니다.

② assets 속성을 추가합니다.

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

 

폰트파일 링크하기

명령어를 실행하면 폰트를 링크합니다.

> react-native link

 

폰트 사용하기

<Text style={{fontFamily: 'NotoSansKR-Bold', letterSpacing: 0}}>
 테스트
</Text>

 

수고하셨습니다.