좌충우돌 개발 블로그

UPDATE

React Native에서 특정 폰트를 사용하기 위해서 폰트를 추가해야하는데 다음과 같이 하면 된다.

1. fonts 디렉토리를 만들어 폰트를 넣어준다.

   react-native-app
   │   README.md
   │   index.ios.js
   │   index.android.js
   └── ios
   └── android
   └── src
   │   │
   │   └── assets
   │       └── fonts
   │            └── 폰트

2. package.json에 다음을 추가한다.

   ...
   "rnpm": {
    "assets": [
      "src/assets/fonts"
    ]
   }

3. 다음 명령어를 실행하면 ios/andorid에 자동으로 폰트가 추가된다.

   $ react-native link

4. 다음처럼 스타일을 적용하는 부분에 넣어 사용하면 된다.

   fontFamily: '폰트이름'

참고 문헌

1. https://medium.com/@mehran.khan/ultimate-guide-to-use-custom-fonts-in-react-native-77fcdf859cf4

React Native에서 특정 폰트를 사용하기 위해서 폰트를 추가해야하는데 다음과 같이 하면 된다.

1. fonts 디렉토리를 만들어 폰트를 넣어준다.

   react-native-app
   │   README.md
   │   index.ios.js
   │   index.android.js
   └── ios
   └── android
   └── src
   │   │
   │   └── assets
   │       └── fonts
   │            └── 폰트

2. rnpm을 설치한다.

   $ npm install -g rnpm

3. package.json에 다음을 추가한다.

   ...
   "rnpm": {
    "assets": [
      "src/assets/fonts"
    ]
   }

4. 다음 명령어를 실행하면 ios/andorid에 자동으로 폰트가 추가된다.

   $ rnpm link assets

5. 다음처럼 스타일을 적용하는 부분에 넣어 사용하면 된다.

   fontFamily: '폰트이름'

참고 문헌

1. https://kylealwyn.com/blog/custom-fonts-with-react-native