Background/Goal
With parent task T305920 fulfilled, we should also reflect our new choices in the Codex tokens.
Proposal
The chosen fonts from parent task:
- Using Inter as our sans font,
- Source Serif Pro as our serif font and
- Fira Code as our monospace font.
As already mentioned, we can't use web fonts as default choices, but need to place them behind our operating choices. To reduce this discrepancy between the text styles used in our design library and the rendered CSS font stacks, we should at least put our chosen fonts into the stack behind the operating system specific ones before the general web fonts.
Acceptance criteria for Done
Add 'Inter' to
- -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Inter', 'Helvetica', 'Arial', sans-serif – replacing Lato
Add 'Fira Code' to
- 'Menlo', 'Consolas', 'Liberation Mono', 'Fira Code', 'Courier New', monospace – adding Fira Code
Add 'Source Serif Pro' (see below) to
- 'Linux Libertine', 'Georgia', 'Times', 'Source Serif Pro', serif
Open question
- If we were to consider a real system serif font stack for our interface as well, or take Georgia/Times as default, where the stack would result in
'Linux Libertine', 'Georgia', 'Times', 'Source Serif Pro', serif