Change Details

=== 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 Open question, probably better off for the larger design conversation, is if we should 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`

=== 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 [x] 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`

=== 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 Open questionAdd 'Source Serif Pro' (see below) to - `'Linux Libertine', 'Georgia', 'Times', probably better off for the larger design conversation'Source Serif Pro', is iserif` === Open question [x] If we shouldwere 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`