google_fonts 0.0.6 google_fonts: ^0.0.6 copied to clipboard
EXPERIMENTAL. A package to include fonts from fonts.google.com.
google_fonts #
*** WARNING: This package is experimental and should not be used in production. ***
The google_fonts
package for Flutter allows you to easily use any of the 960 fonts
(and their variants) from fonts.google.com in your Flutter app.
Getting Started #
With the google_fonts
package, .ttf files do not need to be stored in your assets folder and mapped in
the pubspec. Instead, they are fetched once via http at runtime, and cached in the app's file system. This is ideal for development, and can be the preferred behavior for production apps that
are looking to reduce the app bundle size.
First, add the google_fonts
package to your pubspec dependencies.
To import GoogleFonts
:
import 'package:google_fonts/google_fonts.dart';
To use GoogleFonts
with the default TextStyle:
Text(
'This is Google Fonts',
style: GoogleFonts.lato(),
),
To use GoogleFonts
with an existing TextStyle:
Text(
'This is Google Fonts',
style: GoogleFonts.lato(textStyle: TextStyle(fontSize: 18)),
),
or
Text(
'This is Google Fonts',
style: GoogleFonts.lato(textStyle: Theme.of(context).textTheme.display1),
),
To override the fontWeight and/or fontStyle:
Text(
'This is Google Fonts',
style: GoogleFonts.lato(
textStyle: Theme.of(context).textTheme.display1,
fontWeight: FontWeight.w700,
fontStyle: FontStyle.italic,
),
),
What's Next? #
In a future release, this package will defer to .ttf files you specify in the pubspec before fetching them via http. This means you can get the best of both worlds by having access to all fonts.google.com fonts and their variants during development, while also ensuring your production app has an optimal offline/slow connection experience.