Skip to content

[docs] Paper Mono#4437

Open
vladmoroz wants to merge 3 commits intomui:masterfrom
vladmoroz:paper-mono
Open

[docs] Paper Mono#4437
vladmoroz wants to merge 3 commits intomui:masterfrom
vladmoroz:paper-mono

Conversation

@vladmoroz
Copy link
Copy Markdown
Collaborator

Back when I was working on the initial docs design, we couldn't find a good monospace font option.

We finally made one at Paper as we've experienced the same problem. This is a pre-release version, but hope it's already an improvement :-)

@vladmoroz vladmoroz changed the title Paper Mono [docs] Paper Mono Mar 25, 2026
@vladmoroz vladmoroz added the docs Improvements or additions to the documentation. label Mar 25, 2026
@pkg-pr-new
Copy link
Copy Markdown

pkg-pr-new bot commented Mar 25, 2026

commit: 77022ac

@mui-bot
Copy link
Copy Markdown

mui-bot commented Mar 25, 2026

Bundle size report

Bundle Parsed size Gzip size
@base-ui/react 0B(0.00%) 0B(0.00%)

Details of bundle changes


Check out the code infra dashboard for more information about this PR.

@netlify
Copy link
Copy Markdown

netlify bot commented Mar 25, 2026

Deploy Preview for base-ui ready!

Name Link
🔨 Latest commit 77022ac
🔍 Latest deploy log https://app.netlify.com/projects/base-ui/deploys/69c657b5712f0d0008b16fdb
😎 Deploy Preview https://deploy-preview-4437--base-ui.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@aarongarciah aarongarciah requested review from aarongarciah and removed request for atomiks, flaviendelangle and michaldudak March 25, 2026 11:33
src: url('/fonts/paper-mono.woff2') format('woff2');
font-variation-settings: 'wght' 650;
/* Reduce the size to balance with the sans-serif fonts */
size-adjust: calc(100% * 13.5 / 14);
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Do you think we still need this? With this, the vertical alignment seems to be a bit off.

with size-adjust without size-adjust
Image Image
Image Image
Image Image

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

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

I'd absolutely keep it personally

When zooming in like this, yeah, its obvious that the letters are different height, but when looking at actual paragraphs I think monospace fonts stand out as way larger and overpowering. Visually it looks more balanced to me when the monospace is downsized.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

It's the vertical alignment inside paragraphs what puts me off. It doesn't happen with the current mono font or Söhne Mono.

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

Labels

docs Improvements or additions to the documentation.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants