React-Native - 폰트 설정하기

리액트 네이티브에서 폰트 적용하는 방법을 알아보자!

1. 디렉토리 루트에 react-native.config.js 파일 추가하기

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

 

2. 폰트 다운로드

사용하고자 하는 폰트를 다운로드(.ttf, .otf)하여 assets/fonts에 넣어준다.

 

3. 글씨체 적용

fontFamily 스타일 속성을 사용해 사용하고자하는 글씨체의 이름을 써주면 적용된다~