flutter - 폰트 바꾸기

먼저 원하는 폰트부터 다운로드한다

본인은 아래에서 찾아서 사용했습니다

https://noonnu.cc/

눈누

 

다운로드한 폰트를 assets/fonts 폴더를 만들어서 넣어줍니다

그다음 pubspec.yaml로 이동해서 들여 쓰기에 주의해 주면서 폰트들을 추가해 준다

 

폰트가 Agro 체라서 family를 Agro로 작성했고 각 폰트에 맞게 weigth를 설정해 준다

 

Text('어그로 light',style: TextStyle(
  fontFamily: "Agro",
  fontWeight: FontWeight.w300,
),),
Text('어그로 medium',style: TextStyle(
  fontFamily: "Agro",
  fontWeight: FontWeight.w500,
),),
Text('어그로 bold',style: TextStyle(
  fontFamily: "Agro",
  fontWeight: FontWeight.w700,
),),

 

pubspec에서 설정한 대로 fontFamily를 설정하고 weigth도 입력해 주면

이런 식으로 잘 출력이 된다

 

하지만 font를 하나만 쓰는데 항상 fontFamily를 적어주긴 귀찮으니까 전체 적용을 해보자

 

theme: ThemeData(
  colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
  scaffoldBackgroundColor: Colors.white,
  fontFamily: 'Agro',
  useMaterial3: true,
),

main.dart에 MaterialApp안에 속성으로 theme가 있는데 여기다가 fontFamily를 설정해 주면 전체 적용이 된다!