Flutter 2.9 Material Design 3 Typography

Fred Grott
4 min readDec 20, 2021

One of the migrations to Material Design 3 is the Typography as everything is broken into large, medium, and small among Display, headline, body, title, and label. And we access this new stuff in the next TextTheme parameters, let me show you how.

Text Themes In Flutter

Here is the structure of Text Themes in Flutter:

Typography:

Black

White

EnglishLike

Tall

Dense

TextTheme

PrimaryTextTheme

Now, the source of ThemeData as far as logic is concern maybe confusing to you:

What it boils down to is these rules to follow:

1. To use custom fonts redefine Typography class with the new set of these themes; Black, White, EnglishLike, Tall, and Dense and the only thing you change is to define your custom font.

--

--