Solve Problem/React Native

[React Native] Custom Font 적용 (Google Fonts)

안다희 2020. 9. 12. 01:09
728x90

 

1. 폰트 다운로드

fonts.google.com/?preview.text=2020.09.11+%EA%B8%88&preview.text_type=custom

 

Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com

무료라서 좋음!

 

나는 fonts.google.com/specimen/Noto+Sans+KR?preview.text=2020.09.11%20%EA%B8%88&preview.text_type=custom 이 폰트를 사용함

 

 

2. 적용

dev-yakuza.github.io/ko/react-native/react-native-custom-font/

 

RN(Reacct Native)에서 커스텀 폰트 사용하기

RN(React Native) 프로젝트에서 커스텀 폰트를 적용하고 사용하는 방법에 대해서 알아봅시다.

dev-yakuza.github.io

블로그 참고!

 

 

 

3. 실행

- 안드로이드

root/react-native.config.js
module.exports = {
  assets: ['./src/assets/fonts'],
};

실행하면 잘 됨!

 

 

- iOS

잘됨!

 

 

 

 

 

** 주의: line-height

 

 

출처: https://mingos-habitat.tistory.com/34 [밍고의서식지:티스토리]