How to use a custom font style in flutter?

Question

I have already set on my pubspec.yaml the following code:

fonts:
- family: Roboto
  fonts:
    - asset: fonts/Roboto-Light.ttf
    - asset: fonts/Roboto-Thin.ttf
    - asset: fonts/Roboto-Italic.ttf

But I don't know to use, for example, the style "Roboto-Light.ttf" from Roboto in my widget. I tried this:

new ListTile(
          title: new Text(
            "Home",
            style: new TextStyle(
              fontFamily: "Roboto",
              fontSize: 60.0,
            ),
          ),
        ),

I don't know how to access the style "Roboto-Light.ttf". How to do this?

Thanks!

Answer 1

Roboto is the default font of the Material style, there is no need to add it in pubspec.yaml.

To use the different variations, set a TextStyle

Text(
  'Home',
  style: TextStyle(
    fontWeight: FontWeight.w300, // light
    fontStyle: FontStyle.italic, // italic
  ),
);

I think thin is FontWeight.w200.

The FontWeights for the corresponding styles are mentioned in the styles section of the particular font in GoogleFonts website.