Skip to content

Conversation

@danditomaso
Copy link
Collaborator

Description

This pull request updates the way fonts are loaded and used in the web application to improve performance and reliability. It removes external font dependencies and switches to self-hosted variable fonts for the sans-serif typeface, while also simplifying the usage of monospace fonts in code components.

Font loading and usage improvements:

  • Removed external stylesheet links for the Inter and Cascadia Code fonts from index.html, eliminating reliance on third-party CDNs.
  • Added local @font-face declarations for the Inter variable font (normal and italic) in index.css, enabling self-hosted font loading.
  • Updated the CSS variable --font-mono to remove Cascadia Code, relying on system monospace fonts instead.

Code component styling simplification:

  • Removed the font-mono class from the Code and Mono components, ensuring they use the default monospace fonts defined in CSS. (Code.tsx, Mono.tsx) [1] [2]

Related Issues

Fixes #937

Screenshots (if applicable)

Checklist

  • Code follows project style guidelines
  • Documentation has been updated or added
  • Tests have been added or updated
  • All i18n translation labels have been added (read
    CONTRIBUTING_I18N_DEVELOPER_GUIDE.md for more details)

Copilot AI review requested due to automatic review settings November 13, 2025 23:01
@vercel
Copy link

vercel bot commented Nov 13, 2025

@danditomaso is attempting to deploy a commit to the Meshtastic Team on Vercel.

A member of the Team first needs to authorize it.

Copilot finished reviewing on behalf of danditomaso November 13, 2025 23:04
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull Request Overview

This pull request removes external CDN dependencies for fonts and switches to self-hosted variable fonts to improve performance, reliability, and reduce reliance on third-party services. The changes eliminate remote font loading from rsms.me and jsdelivr.net CDNs.

  • Added local @font-face declarations for Inter variable fonts (normal and italic variants)
  • Removed external font stylesheet links from HTML
  • Updated monospace font stack to use system fonts only (removed Cascadia Code)

Reviewed Changes

Copilot reviewed 4 out of 6 changed files in this pull request and generated 4 comments.

Show a summary per file
File Description
packages/web/src/index.css Added self-hosted Inter variable font declarations and updated monospace font stack
packages/web/index.html Removed external CDN links for Inter and Cascadia Code fonts
packages/web/src/components/generic/Mono.tsx Removed font-mono class from monospace text component
packages/web/src/components/UI/Typography/Code.tsx Removed font-mono class from inline code component
packages/web/public/fonts/InterVariable.woff2 Added self-hosted Inter variable font file
packages/web/public/fonts/InterVariable-Italic.woff2 Added self-hosted Inter italic variable font file

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

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.

[Feature Request]: Remove internet hosted fonts from web app

1 participant