Breaking News: Grepper is joining You.com. Read the official announcement!

flutter: google font entire app

Sore Sardine answered on June 15, 2022 Popularity 6/10 Helpfulness 4/10

answer flutter: google font entire app

flutter: google font entire app

Comment

///// 1. Import file font to our app

// Download font at:   	https://fonts.google.com/
// Use it:   	https://docs.flutter.dev/cookbook/design/fonts


			-------------------------

///// 2 .Import package:  google_fonts: <version>  :: in  pubspec.yaml  file

    
/// *** Global ::  In  main.dart
 @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        textTheme: GoogleFonts.russoOneTextTheme(
          Theme.of(context).textTheme,
        ),
      ),
      home: const HomePage(),
    );
  }
  
  // * Usage  :: your_screen.dart
  
...

   body: Container(
      alignment: Alignment.center,
      margin: const EdgeInsets.only(top: kToolbarHeight, left: 20, right: 20),
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          const Text('Thailand'),
          const Text(
            'Thailand',
            style: TextStyle(
              color: Colors.red,
              fontSize: 32,
            ),
          ),
          Text(
            "Thailand",
            style: Theme.of(context)
                .textTheme
                .headline3!
                .copyWith(color: Colors.black54),
          )
        ],
      ),
    ),
    
 .....
    
    ---------------
    
/// *** Specific google fonts for Text() widget ( Local file)

//  your_screen.dart
import 'package:google_fonts/google_fonts.dart';

...

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.grey[900],
      body: Container(
        alignment: Alignment.center,
        margin: const EdgeInsets.only(top: kToolbarHeight, left: 20, right: 20),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.spaceAround,
          children: [
            Text(
              'Thailand',
              style: GoogleFonts.pressStart2p(),
            ),
            Text(
              'Thailand',
              style: GoogleFonts.pressStart2p(
                color: Colors.white,
                fontSize: 28,
              ),
            ),
            Text(
              "Thailand",
              style: GoogleFonts.pressStart2p(
                textStyle: Theme.of(context).textTheme.headline4,
                color: Colors.white,
                fontStyle: FontStyle.italic,
              ),
            ),
          ],
        ),
      ),
    );
  }
  
....

Popularity 6/10 Helpfulness 4/10 Language whatever

Source: Grepper

Tags: whatever

Link to this answer
Share Copy Link

Contributed on Jun 15 2022

Sore Sardine

0 Answers Avg Quality 2/10

flutter: google font entire app

Contents

More Related Answers

flutter: google font entire app

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.