Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 코딩테스트
- React
- 파이썬
- 백준
- JavaScript
- toml
- 티스토리챌린지
- Jenkins
- EC2
- 오퍼월
- chrome
- python
- docker
- 광고 id
- css
- nginx
- Android
- 오블완
- TypeScript
- AWS
- 개발
- 코테
- Express
- nuxt
- react-native
- Next
- kotlin
- spring boots
- it
- NanoHttpd
Archives
- Today
- Total
내맘대로 개발일지
[RN] 외부 폰트 적용하기 본문
📱테스트 환경
"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 |