FLUTTER
flutter - 폰트 바꾸기
춘행이
2023. 12. 11. 11:17
728x90
먼저 원하는 폰트부터 다운로드한다
본인은 아래에서 찾아서 사용했습니다
다운로드한 폰트를 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를 설정해 주면 전체 적용이 된다!
728x90