스카이코의 세상

이전 포스팅을 통해 React Native에서 폰트를 적용하는 방법을 알아보았습니다. import { StyleSheet, Text } from 'react-native'; export default function CustomFont() { return ( 안녕하세요 스카이코 입니다. ); } const styles = StyleSheet.create({ text: { fontFamily: 'Pretendard', fontWeight: 700 }, }); 하지만 위와 같이 fontWeight를 사용했을 때 iOS에서는 정상적으로 폰트가 적용되지만 Android에서는 폰트가 적용되지 않습니다. 이럴 때는 fontWeight를 사용하지 않고 @/asset/fonts에 넣은 폰트 파일 이름으로 fontFam..

React Native에 Custom Font를 적용하려고 합니다. Android와 iOS별로 지원하는 폰트 확장자가 다릅니다. Android는 ttf, otf, ttc 확장자를 지원하고 iOS는 ttf, otf, woff(iOS 10+), woff2(iOS 10+)를 지원합니다. 우선 사용하고자 하는 폰트를 다운로드 받아서 프로젝트 내에 위치시켜줍니다. 저 같은 경우에는 /src/assets/fonts 하위에 위치시켰습니다. 그 후 프로젝트 최상단에 react-native.config.js 파일을 생성합니다. 파일 안의 내용은 다음과 같습니다. module.exports = { assets: ['./src/assets/fonts'], }; 파일 생성 후 RN 버전이 0.69보다 높다면 npx react..