Remove Roboto Font to Improve Performance and Consistency

[georgewrmarshall]

What is this about?

This task involves the removal of the Roboto font from the MetaMask extension. Currently, Roboto is being used as a fallback font, but it is mostly unnecessary since Euclid Circular B is the primary font. The investigation has revealed that Roboto is only utilized in a few select instances and could likely be removed entirely to streamline the font loading process and improve performance.

Scenario

No response

Design

No response

Technical Details

• Audit the extension to confirm all instances of Roboto usage.
• Replace Roboto with Euclid Circular B where necessary.
• If Euclid is unavailable, configure the font stack to fall back to system fonts rather than another custom font.
• Ensure that the removal does not affect any Material UI components or external packages.

Threat Modeling Framework

No response

Acceptance Criteria

• Roboto should be completely removed from the MetaMask extension's CSS and other relevant files.
• The font stack should fall back to system fonts when Euclid Circular B is unavailable.
• Verify that the removal does not negatively impact the UI/UX.
• Test to confirm no regression or issues arise from this change.

Stakeholder review needed before the work gets merged

• [X] Engineering (needed in most cases)
• [ ] Design
• [ ] Product
• [ ] QA (automation tests are required to pass before merging PRs but not all changes are covered by automation tests - please review if QA is needed beyond automation tests)
• [ ] Security
• [ ] Legal
• [ ] Marketing
• [ ] Management (please specify)
• [ ] Other (please specify)

References

• Slack thread

[metamaskbot]

Missing release label release-12.5.0 on issue. Adding release label release-12.5.0 on issue, as issue is linked to PR #26552 which has this release label.