Javascript/React-Native

[RN] 외부 폰트 적용하기

eulBlue 2024. 10. 21. 17:49

📱테스트 환경

"react": "18.2.0"
"react-native": "0.74.2"

역시 사람의 뇌는 믿을게 안된다 .. 한달전에 한 세팅이 기억이 안나서

전에 했던 설정을 다시 살펴보는 지경 .. ㅠ

설정하는 방법을 기록하면서 다시한번 새기기 위해서 작성한다.

1. 외부 폰트 파일 ( .ttf .otf ) 파일을 다운받는다.

2. 다운받은 파일을 /assets/fonts 폴더에 저장한다.

3.react-native.config.js 파일을 수정한다. ( 없으면 생성 )

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

4. npx react-native-asset 명령어를 입력해주면 끝난다.

5. 그리고 폰트를 적용할때는 fontFamily: "BMJUA" 이런식으로 확장자는 뺀 채 입력해주면 된다.

'Javascript > React-Native' 카테고리의 다른 글

[RN] Can't show Image in React Native  (3) 2024.10.23
[RN] 이미지 불러오기 ( 외부, 내부 )  (0) 2024.10.21
[RN] 스크린 이동하기  (0) 2024.10.14
[RN] Button 만들기  (0) 2024.10.14
[RN] Input 사용하기  (0) 2024.10.14