[리액트 네이티브] 폰트 적용 (실패)

김민선·2025년 1월 14일
1
post-thumbnail

리액트 네이티브 CLI로 만들고 있는 앱의 폰트를 변경해주고 싶어서 폰트 적용 방법에 대해서 알아보았다.
아래 블로그를 참고했다!
https://focus-on-my.tistory.com/257

폰트 설치

먼저 내가 다운 받은 폰트는 네이버의 나눔 스퀘어 폰트이다.

가장 무난무난해서 이걸로 다운받았다. 다운받은 ZIP 파일 압축을 풀고 oft 및 ttf파일들을 프로젝트의 assets/fonts 폴더로 옮겼다.

그리고 프로젝트에 react-native.config.js 파일을 생성하고 다음과 같은 코드를 입력한다.

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

그리고 리액트 네이티브의 버전에 따라서 적용방법이 다르다.
0.69 버전 이상이라면 터미널에 다음을 작성하면 된다.

npx react-native-asset

0.69 미만이라면 터미널에 다음을 작성하면 된다.

npx react-native link

버전 확인은 터미널에 npm list react-native을 작성해서 알아냈다!
이러면 폰트 설치는 끝이다!!

폰트 적용

폰트 적용은 실패했다... 구글링해서 다 시도해봤는데도 안돼서 지피티한테 물어보면서 시도해봤는데도 안됐다.......... 무언가 설정이 이상하게 되어있나..... 언젠가 다시 시도해보겠다 흑흑😭😭😭

profile
코린이입니다.

0개의 댓글