Working with text
How do I set custom fonts on my Text widgets?
In Android SDK (as of Android O), you create a Font resource file and pass it into the FontFamily param for your TextView.
In Flutter, place the font file in a folder and reference it in the pubspec.yaml
file, similar to how you import images.
fonts:
- family: MyCustomFont
fonts:
- asset: fonts/MyCustomFont.ttf
- style: italic
Then assign the font to your Text
widget:
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Sample App"),
),
body: Center(
child: Text(
'This is a custom font text',
style: TextStyle(fontFamily: 'MyCustomFont'),
),
),
);
}
How do I style my Text widgets?
Along with fonts, you can customize other styling elements on a Text
widget. The style parameter of a Text
widget takes a TextStyle
object, where you can customize many parameters, such as:
- color
- decoration
- decorationColor
- decorationStyle
- fontFamily
- fontSize
- fontStyle
- fontWeight
- hashCode
- height
- inherit
- letterSpacing
- textBaseline
- wordSpacing