Convert typography to use Inter instead of Figtree or Roboto
In the most recent iteration of the designs, we're using MD3's default type scale set in Inter instead of Roboto:
This is different from earlier versions of the designs, which were set in Figtree. Since then we've adopted stricter requirements for a UI font, such as better latin coverage and compatibility with Cyrillic scripts. We also wish to use Inter as our corporate body font too, so everything matches nicely.
For reference, the styles used in the app are:
Show styles
Headline / Large
- Font: Inter
- Weight: 400
- Size: 32
- Line height: 40
- Letter spacing: 0
Headline / Medium
- Font: Inter
- Weight: 400
- Size: 28
- Line height: 36
- Letter spacing: 0
Headline / Small
- Font: Inter
- Weight: 400
- Size: 24
- Line height: 32
- Letter spacing: 0
Title / Large
- Font: Inter
- Weight: 500
- Size: 22
- Line height: 28
- Letter spacing: 0
Title / Medium
- Font: Inter
- Weight: 500
- Size: 16
- Line height: 24
- Letter spacing: 0
Title / Small
- Font: Inter
- Weight: 500
- Size: 14
- Line height: 20
- Letter spacing: 0
Body / Large
- Font: Inter
- Weight: 400
- Size: 16
- Line height: 24
- Letter spacing: 0
Body / Medium
- Font: Inter
- Weight: 400
- Size: 14
- Line height: 20
- Letter spacing: 0
Body / Small
- Font: Inter
- Weight: 400
- Size: 12
- Line height: 16
- Letter spacing: 0
Label / Large
- Font: Inter
- Weight: 600
- Size: 14
- Line height: 20
- Letter spacing: 0
Label / Medium
- Font: Inter
- Weight: 600
- Size: 12
- Line height: 16
- Letter spacing: 0
Label / Small
- Font: Inter
- Weight: 600
- Size: 11
- Line height: 16
- Letter spacing: 0
All text within the app should use one of these styles. Although the styles, sizes and line heights all match to MD3's type scale – note that the weights are different for selected styles ("Title / Large" and all "Label" styles), and letter spacing is always "0".