issues
search
marunemo
/
Hanchelin_Guide
4
stars
3
forks
source link
폰트 적용
#60
Closed
marunemo
closed
3 years ago
marunemo
commented
3 years ago
이랜드 초이스체를 모든 화면에 적용하였습니다.
[출처]
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코드 작성에 있어서는 유의해주시면 좋을 것 같습니다.
문제사항