반응형
1) 폰트 파일 준비
먼저, 사용할 폰트 파일(예: .ttf
또는 .otf
)을 프로젝트에 추가한다. assets/fonts
폴더를 만들고 그 안에 폰트 파일을 넣는게 일반적이다.
2) expo-font 패키지 설치
expo install expo-font
3) 사용하는 폰트 선언
export default function App() {
const [fontsLoaded] = useFonts({
JUA: require('./assets/fonts/BMJUA_otf.otf'),
});
}
const styles = StyleSheet.create({
fonts: {
fontFamily: 'JUA',
}
});
이런식으로 사용하면 된다.
반응형
'Stack > React-Native' 카테고리의 다른 글
React-Native 에서 TextInput 사용해보기 (0) | 2024.11.17 |
---|---|
React-Native expo 시작하기 (새버전) (1) | 2024.11.15 |
React Native에서 환경 변수 안전하게 관리방법 (0) | 2024.11.13 |
React-Native 사용팁들 (ios simulator 닫기, Expo 앱에서 Debugger 열기, custom location 설정) (0) | 2024.11.11 |
React-Native Expo로 위치정보 받아오기 (0) | 2024.11.10 |