cal.com icon indicating copy to clipboard operation
cal.com copied to clipboard

feat: update font in layout component

Open pasqualevitiello opened this issue 2 months ago • 4 comments

What does this PR do?

  • Fixes #XXXX (GitHub issue number)
  • Fixes CAL-XXXX (Linear issue number - should be visible at the bottom of the GitHub issue description)

Visual Demo (For contributors especially)

A visual demonstration is strongly recommended, for both the original and new change (video / image - any one).

Video Demo (if applicable):

  • Show screen recordings of the issue or feature.
  • Demonstrate how to reproduce the issue, the behavior before and after the change.

Image Demo (if applicable):

  • Add side-by-side screenshots of the original and updated change.
  • Highlight any significant change(s).

Mandatory Tasks (DO NOT REMOVE)

  • [ ] I have self-reviewed the code (A decent size PR without self-review might be rejected).
  • [ ] I have updated the developer docs in /docs if this PR makes changes that would require a documentation change. If N/A, write N/A here and check the checkbox.
  • [ ] I confirm automated tests are in place that prove my fix is effective or that my feature works.

How should this be tested?

  • Are there environment variables that should be set?
  • What are the minimal test data to have?
  • What is expected (happy path) to have (input and output)?
  • Any other important info that could help to test that PR

Checklist

  • I haven't read the contributing guide
  • My code doesn't follow the style guidelines of this project
  • I haven't commented my code, particularly in hard-to-understand areas
  • I haven't checked if my changes generate no new warnings

Summary by cubic

Switched the app’s base sans font to the self-hosted CalSans UI variable font in the layout. Updated text size tokens to match Inter’s scale for consistent sizing.

  • Refactors
    • Replaced next/font/google Inter with next/font/local CalSansUI[MODE,wght].woff2 for --font-sans.
    • Added the CalSansUI font file under apps/web/fonts.
    • Adjusted CSS tokens for text sizes and line-heights (xs, sm, base, lg) to match Inter metrics.

Written for commit 61eb10b151356f76dea70be4f3caf0d72f3cbea4. Summary will update automatically on new commits.

pasqualevitiello avatar Dec 09 '25 14:12 pasqualevitiello

Deployment failed with the following error:

You don't have permission to create a Preview Deployment for this Vercel project: cal-eu.

View Documentation: https://vercel.com/docs/accounts/team-members-and-roles

vercel[bot] avatar Dec 09 '25 14:12 vercel[bot]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
cal-companion Ready Ready Preview Comment Dec 11, 2025 10:44am

vercel[bot] avatar Dec 09 '25 14:12 vercel[bot]

Deployment failed with the following error:

You don't have permission to create a Preview Deployment for this Vercel project: cal.

View Documentation: https://vercel.com/docs/accounts/team-members-and-roles

vercel[bot] avatar Dec 09 '25 14:12 vercel[bot]

Deployment failed with the following error:

You don't have permission to create a Preview Deployment for this Vercel project: cal-companion.

View Documentation: https://vercel.com/docs/accounts/team-members-and-roles

vercel[bot] avatar Dec 09 '25 14:12 vercel[bot]