리액트 네이티브 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
을 작성해서 알아냈다!
이러면 폰트 설치는 끝이다!!
폰트 적용은 실패했다... 구글링해서 다 시도해봤는데도 안돼서 지피티한테 물어보면서 시도해봤는데도 안됐다.......... 무언가 설정이 이상하게 되어있나..... 언젠가 다시 시도해보겠다 흑흑😭😭😭