google font flutter code example

Example 1: google fonts for flutte

//installation of google fonts in flutter (pubspec.yaml)

//please ignore the text after two slashes!

dependencies:
  google_fonts: ^1.1.1 //(current one is this)

$ flutter pub get // => (this means click on the pub get option[kinda apply]).

Example 2: how to set font family in flutter

MaterialApp(
  title: 'Custom Fonts',
  // Set Raleway as the default app font.
  theme: ThemeData(fontFamily: 'Raleway'),
  home: MyHomePage(),
);

Example 3: flutter googlefonts.

Text(
  'This is Google Fonts',
  style: GoogleFonts.lato(
    textStyle: Theme.of(context).textTheme.display1,
    fontSize: 48,
    fontWeight: FontWeight.w700,
    fontStyle: FontStyle.italic,
  ),
),

Example 4: flutter add custom fonts

flutter:
  fonts:
    - family: Proxima
      fonts:
        - asset: lib/fonts/ProximaNova-Regular.otf

In case you are using an emulator, go to the terminal and type "flutter clean" then "flutter pub get" to update the font used.

Example 5: https://flutter.dev/custom-fonts/#from-packages

flutter:
  fonts:
    - family: Raleway
      fonts:
        - asset: fonts/Raleway-Regular.ttf
        - asset: fonts/Raleway-Italic.ttf
          style: italic
    - family: RobotoMono
      fonts:
        - asset: fonts/RobotoMono-Regular.ttf
        - asset: fonts/RobotoMono-Bold.ttf
          weight: 700

Tags:

Misc Example