본문 바로가기

Flutter

[PAKAGE] Google_fonts

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

 

google_fonts | Flutter Package

A package to include fonts from fonts.google.com in your Flutter app.

pub.dev