React-Native 커스텀 폰트 설치하기

2024. 11. 14. 22:28·Stack/React-Native
반응형

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 사용해보기  (1) 2024.11.17
React-Native expo 시작하기 (새버전)  (2) 2024.11.15
React Native에서 환경 변수 안전하게 관리방법  (1) 2024.11.13
React-Native 사용팁들 (ios simulator 닫기, Expo 앱에서 Debugger 열기, custom location 설정)  (0) 2024.11.11
React-Native Expo로 위치정보 받아오기  (0) 2024.11.10
'Stack/React-Native' 카테고리의 다른 글
  • React-Native 에서 TextInput 사용해보기
  • React-Native expo 시작하기 (새버전)
  • React Native에서 환경 변수 안전하게 관리방법
  • React-Native 사용팁들 (ios simulator 닫기, Expo 앱에서 Debugger 열기, custom location 설정)
WHITE_FROST
WHITE_FROST
개발공부리뷰블로그
    반응형
  • WHITE_FROST
    하얀하얀IT
    WHITE_FROST
  • 전체
    오늘
    어제
    • 분류 전체보기 (119)
      • Stack (43)
        • Next.js (7)
        • React (12)
        • React-Native (15)
        • TypeScript (0)
        • Python (2)
        • JavaScript (2)
        • Android (1)
        • DB (2)
        • JAVA (1)
      • Obsidian (1)
      • AI (3)
      • AI Tools (0)
      • Tools (0)
      • Mac (0)
      • Error (7)
      • 알고리즘 정리 (6)
      • 알고리즘 문제풀이 (46)
      • 공부일상 (4)
      • 개발 도구 & 라이브러리 (0)
      • 정보처리기사 (0)
      • 기타 (6)
      • Tip (2)
  • 블로그 메뉴

    • 홈
    • 태그
    • 미디어로그
    • 위치로그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    mongoDB Atlas
    프로그래머스
    Python
    React-Native cli
    React Hooks
    error
    ReactHook
    알고리즘
    Expo
    ios
    D2
    코딩테스트
    SWEA
    java
    mongodb cloud
    react-native
    티스토리챌린지
    오블완
    Next.js
    reactnative
    백준
    코테
    boj
    hooks
    리액트네이티브
    react-native-maps
    react
    d1
    javascript
    코테준비
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.5
WHITE_FROST
React-Native 커스텀 폰트 설치하기
상단으로

티스토리툴바