폰트 적용

[marunemo]

• 이랜드 초이스체를 모든 화면에 적용하였습니다.
  • [출처] https://noonnu.cc/font_page/503
• 폰트 적용을 보다 효율적으로 하기 위해 재사용 가능한 클래스 컴포넌트를 선언하였습니다.

문제사항

• 이랜드 초이스체 M(Regular)과 이랜드 초이스체 B(Bold)의 폰트 적용 시 둘 사이의 큰 차이가 없습니다.
  • 이를 구분하고자 임시적으로 이랜드 초이스체 B를 적용한 텍스트에 한하여 bold라는 글자가 나타나도록 설정하였습니다.
• 기본 글자체와 이랜드 초이스체 자체의 글자 크기 때문에 기존의 화면에서 텍스트들에 대한 폰트 크기나 margin을 재설정해주어야 할 필요가 있습니다.
• 해당 글꼴을 적용하지 않으면, 오류가 발생합니다.
  • 글꼴을 적용하는 방법은 react native custom font라고 구글에 검색하거나,
  • 다음 링크에서 폰트 적용 ios 부분이나 안드로이드 부분만 참고하시면 될 겁니다.
  • https://dev-yakuza.posstree.com/ko/react-native/react-native-custom-font/
  • 이때, 저희는 styled-component가 아닌, StyleSheet를 이용하고 있기 때문에 JS코드 작성에 있어서는 유의해주시면 좋을 것 같습니다.