Home React Native 커스텀 폰트 사용하기
Post
Cancel

React Native 커스텀 폰트 사용하기

  • 다운로드한 폰트를 디렉토리 안에 넣어준다. ex) src/assets/font/<폰트>.ttf

  • rnpm 설치

1
 npm install -g rnpm
  • package.json
1
2
3
4
5
  "rnpm": {
    "assets": [
      "./src/assets/fonts"
    ]
  }

아래와 같이 명령어를 실행하면

1
 rnpm link assets
  • android는 android/app/src/main/assets/fonts에 자동으로 폰트가 추가된다.
  • ios는 Info.plist 파일에 아래와 같이 폰트가 추가된다.
1
2
3
4
    <key>UIAppFonts</key>
        <array>
            <string>폰트.ttf</string>
        </array>
  • 아래와 같이 스타일을 적용하는 부분에 넣어 사용할 수 있다.
1
fontFamily: '폰트이름'

참고📝

This post is licensed under CC BY 4.0 by the author.

ESLint & Prettier 적용하기

stack or tab 스크린 이동 시 새로 고침