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!
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.
In general, you can specify the font styles directly.
pubspec.yaml
fonts:
- family: Roboto
fonts:
- asset: fonts/Roboto-Light.ttf
weight: 300
- asset: fonts/Roboto-Thin.ttf
weight: 100
- asset: fonts/Roboto-Italic.ttf
style: italic
Widget
ListTile(
title: Text(
'Home',
style: TextStyle(
fontFamily: 'Roboto',
fontWeight: FontWeight.w300, // -> Roboto-Light.ttf
// fontWeight: FontWeight.w100 // -> Roboto-Thin.ttf
fontSize: 60.0,
),
),
),
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With