Flutter

[Flutter] #5 폰트 적용

yun.data 2025. 4. 2. 13:50

1. 폰트 다운로드

프리스텐다드 https://github.com/orioncactus/pretendard/releases

 

Releases · orioncactus/pretendard

어느 플랫폼에서든 사용할 수 있는 system-ui 대체 글꼴 | A system-ui alternative font for all cross-platform - orioncactus/pretendard

github.com

 

 

 

 

2. fonts 폴더 생성

assets 하위에 fonts 폴더 생성 (assets/fonts) 후 폰트 업로드

 

 

 

3. pubspec.yaml 수정

// pubspec.yaml
flutter:
  fonts:
    - family: Pretendard
      fonts:
        - asset: assets/fonts/Pretendard-Black.ttf
        - asset: assets/fonts/Pretendard-Bold.ttf
        - asset: assets/fonts/Pretendard-ExtraBold.ttf
        - asset: assets/fonts/Pretendard-ExtraLight.ttf
        - asset: assets/fonts/Pretendard-Light.ttf
        - asset: assets/fonts/Pretendard-Medium.ttf
        - asset: assets/fonts/Pretendard-SemiBold.ttf
        - asset: assets/fonts/Pretendard-Thin.ttf

 

 

 

4. main.dart에 적용

// main.dart
theme: ThemeData(
  fontFamily: 'Pretendard', // 폰트 적용
  ...
),