Skip to content

Typography: Fira Code for code and running text, Lato for interface values - #1242

Open
Cuervino wants to merge 5 commits into
development/1.0from
improvement/typography-fira-code
Open

Cuervino wants to merge 5 commits into
development/1.0from
improvement/typography-fira-code

Conversation

@Cuervino

@Cuervino Cuervino commented Oct 2, 2026

Copy link
Copy Markdown
Contributor

The Typography guideline asked for Fira Code on technical identifiers, endpoints and version strings. Product UIs do not do this: an ID, an ARN or an endpoint in a table, a key-value list or a form is displayed in Lato. An agent following the guideline produced key-value lists in Fira Code.

The guideline now keeps Fira Code for code blocks, the Editor, snippets to copy, and technical values inside running text (a chat answer, a documentation page). A technical value in the interface itself uses Lato.

@Cuervino
Cuervino requested a review from a team October 2, 2026 15:58
@bert-e

bert-e commented Oct 2, 2026

Copy link
Copy Markdown
Contributor

Hello cuervino,

My role is to assist you with the merge of this
pull request. Please type @bert-e help to get information
on this process, or consult the user documentation.

Available options
name description privileged authored
/after_pull_request Wait for the given pull request id to be merged before continuing with the current one.
/bypass_author_approval Bypass the pull request author's approval ⭐
/bypass_build_status Bypass the build and test status ⭐
/bypass_commit_size Bypass the check on the size of the changeset TBA ⭐
/bypass_incompatible_branch Bypass the check on the source branch prefix ⭐
/bypass_jira_check Bypass the Jira issue check ⭐
/bypass_peer_approval Bypass the pull request peers' approval ⭐
/bypass_leader_approval Bypass the pull request leaders' approval ⭐
/bypass_source_branch_lineage Bypass the cross-branch contamination check ⭐
/approve Instruct Bert-E that the author has approved the pull request. ✍️
/create_pull_requests Allow the creation of integration pull requests.
/create_integration_branches Allow the creation of integration branches.
/no_octopus Prevent Wall-E from doing any octopus merge and use multiple consecutive merge instead
/unanimity Change review acceptance criteria from one reviewer at least to all reviewers
/wait Instruct Bert-E not to run until further notice.
Available commands
name description privileged
/help Print Bert-E's manual in the pull request.
/status Print Bert-E's current status in the pull request.
/clear Remove all comments from Bert-E from the history TBA
/retry Re-start a fresh build TBA
/build Re-start a fresh build TBA
/force_reset Delete integration branches & pull requests, and restart merge process from the beginning.
/reset Try to remove integration branches unless there are commits on them which do not appear on the source branch.

Status report is not available.

@bert-e

bert-e commented Oct 2, 2026

Copy link
Copy Markdown
Contributor

Waiting for approval

The following approvals are needed before I can proceed with the merge:

  • the author

  • one peer

Peer approvals must include at least 1 approval from the following list:

Comment thread stories/typography.mdx Outdated
Comment thread stories/typography.mdx
@bert-e

bert-e commented Oct 5, 2026

Copy link
Copy Markdown
Contributor

Waiting for approval

The following approvals are needed before I can proceed with the merge:

  • the author

  • one peer

Peer approvals must include at least 1 approval from the following list:

Comment thread stories/typography.mdx Outdated
Comment thread stories/typography.mdx
@eve-scality

Copy link
Copy Markdown
Contributor

ℹ️ No review performed

No test review was performed: no code under test could be determined: the pull request changes no code and no tests.

Comment thread stories/typography.mdx
</pre>

Fira Code includes programming ligatures: sequences like `=>`, `!==`, `->`, `>=`, and `<=` render as composite glyphs. These are enabled by default.
Fira Code includes programming ligatures, where sequences like `=>`, `!==`, `->`, `>=` and `<=` render as a single glyph. Ligatures are disabled by default, so every character stays visible as typed.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nothing in the library disables ligatures: the Fira Code @font-face in src/lib/index.css sets no font-feature-settings, and browsers turn liga/calt on by default. Only the sample <pre> above sets fontVariantLigatures: "none". Either add font-variant-ligatures: none where Fira Code is applied, or state it as a rule for callers.

Suggested change
Fira Code includes programming ligatures, where sequences like `=>`, `!==`, `->`, `>=` and `<=` render as a single glyph. Ligatures are disabled by default, so every character stays visible as typed.
Fira Code includes programming ligatures, where sequences like `=>`, `!==`, `->`, `>=` and `<=` render as a single glyph. Turn them off with `font-variant-ligatures: none` so every character stays visible as typed.

@bert-e

bert-e commented Oct 21, 2026

Copy link
Copy Markdown
Contributor

Waiting for approval

The following approvals are needed before I can proceed with the merge:

  • the author

  • one peer

Peer approvals must include at least 1 approval from the following list:

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants