Google_fonts pakage는 다양하고 이쁜 구글의 폰트들을 무료로 사용할 수 있게 해준다..!!
(너무 좋고..)
그렇다면!
코드를 통해서 사용법에 대해서 알아보자!!
Text에서 사용하기
아래와 같이 바로 적용할 수 있다.
Text(
'This is Google Fonts',
style: GoogleFonts.lato(
textStyle: Theme.of(context).textTheme.headline4,
fontSize: 48,
fontWeight: FontWeight.w700,
fontStyle: FontStyle.italic,
),
),
Global에서도 사용하고 싶지 않을까??
Global에서 사용하기 - AppTheme
MaterialApp(
theme: ThemeData(
textTheme: GoogleFonts.latoTextTheme(
Theme.of(context).textTheme,
),
),
);
만약 textTheme에서 body 마다 다른 폰트를 사용하고 싶다면
아래와 같이 바꾸면 가능하다!
final textTheme = Theme.of(context).textTheme;
MaterialApp(
theme: ThemeData(
textTheme: GoogleFonts.latoTextTheme(textTheme).copyWith(
body1: GoogleFonts.oswald(textStyle: textTheme.body1),
),
),
);
[참고링크]
https://pub.dev/packages/google_fonts
'Flutter' 카테고리의 다른 글
[Flutter] 싱글톤 패턴에 대해서 알아보자! (0) | 2021.12.12 |
---|---|
[PAKAGE] 유용한 PAKAGE 모음집 (0) | 2021.11.30 |
[PAKAGE] 알아두면 좋을 pakage - jwt (0) | 2021.11.30 |
[Flutter] const, final, dynamic, var (0) | 2021.11.23 |
[Flutter] - IOS setting (0) | 2021.11.09 |