[React Native] 커스텀 폰트 사용하기

김래영·2021년 10월 19일
0

React-Native

목록 보기
9/10
  • 다운로드한 폰트를 디렉토리 안에 넣어준다.

    ex ) src/assets/font/<폰트>.ttf

  • rnpm 설치

 npm install -g rnpm
  • package.json
  "rnpm": {
    "assets": [
      "./src/assets/fonts"
    ]
  }

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

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

참고📝

profile
개발 노트

0개의 댓글