Skip to content

feat: set Poppins and Inconsolata as default fonts#67

Merged
tomusdrw merged 1 commit into
mainfrom
td-font
Mar 22, 2026
Merged

feat: set Poppins and Inconsolata as default fonts#67
tomusdrw merged 1 commit into
mainfrom
td-font

Conversation

@tomusdrw
Copy link
Copy Markdown
Member

Summary

  • Configure Poppins as the default sans-serif font and Inconsolata as the monospace font via Tailwind v4 @theme tokens (--font-sans, --font-mono)
  • Add Google Fonts loading for Storybook via preview-head.html
  • Clean up unused --font-display CSS variable and broken Oswald @font-face
  • Document font usage and override instructions in theme.css and README.md

Test plan

  • Verify Storybook renders components in Poppins font
  • Verify font-mono utility uses Inconsolata
  • Verify the built dist/style.css contains --font-sans and --font-mono tokens
  • Verify a consuming project can override fonts via its own @theme block

🤖 Generated with Claude Code

Configure Poppins as the default sans-serif font and Inconsolata as the
monospace font via Tailwind v4 theme tokens. Sub-projects can override
by redefining --font-sans/--font-mono in their own @theme block.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@netlify
Copy link
Copy Markdown

netlify Bot commented Mar 22, 2026

Deploy Preview for fluffy-ui ready!

Name Link
🔨 Latest commit 1b05194
🔍 Latest deploy log https://app.netlify.com/projects/fluffy-ui/deploys/69c001a0915dee0008524290
😎 Deploy Preview https://deploy-preview-67--fluffy-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.

@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented Mar 22, 2026

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: cd0c35bd-074c-44d2-914f-73fd03780966

📥 Commits

Reviewing files that changed from the base of the PR and between 1286a6b and 1b05194.

📒 Files selected for processing (4)
  • .storybook/preview-head.html
  • README.md
  • lib/global.css
  • lib/theme.css
💤 Files with no reviewable changes (1)
  • lib/global.css

📝 Walkthrough

Walkthrough

This change introduces a new font system by removing the hardcoded Oswald font and replacing it with configurable Poppins (sans-serif) and Inconsolata (monospace) theme tokens. A Storybook configuration file is added to handle font preconnection and loading, alongside documentation for font customization.

Changes

Cohort / File(s) Summary
Font Theme Configuration
lib/global.css, lib/theme.css
Removed hardcoded --font-display variable and Oswald @font-face definition from global styles. Added new theme tokens --font-sans (Poppins) and --font-mono (Inconsolata) with system fallbacks and documentation on external font loading and customization via CSS @theme overrides.
Storybook Setup
.storybook/preview-head.html
New file with preconnection links to Google Fonts and stylesheet link to load Poppins and Inconsolata font families.
Documentation
README.md
Added "Fonts" section describing default font choices and providing HTML setup example and CSS override instructions for customization.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check name Status Explanation
Title check ✅ Passed The title clearly and concisely summarizes the main change: setting Poppins and Inconsolata as default fonts via Tailwind theme tokens, which is the core objective of the changeset.
Description check ✅ Passed The description is directly related to the changeset, providing a detailed summary of all changes (font configuration, Storybook setup, cleanup of old code) and a comprehensive test plan aligned with the modifications.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch td-font

Comment @coderabbitai help to get the list of available commands and usage tips.

@tomusdrw tomusdrw merged commit fb6fd54 into main Mar 22, 2026
6 checks passed
@tomusdrw tomusdrw deleted the td-font branch March 22, 2026 15:23
@github-actions github-actions Bot mentioned this pull request Mar 22, 2026
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.

1 participant