Skip to content

Fix Lora font not applying — set Tailwind v4 default-font-family#456

Merged
realproject7 merged 1 commit intomainfrom
hotfix/lora-font-fix
Mar 23, 2026
Merged

Fix Lora font not applying — set Tailwind v4 default-font-family#456
realproject7 merged 1 commit intomainfrom
hotfix/lora-font-fix

Conversation

@realproject7
Copy link
Copy Markdown
Owner

Summary

Lora font was imported and configured but Geist Mono was still rendering.

Root cause: Tailwind v4's @theme inline generates --default-font-family on html which takes precedence over the body font-family rule. The --font-body and --font-heading theme variables only apply when using Tailwind's font-body/font-heading utilities, not as the base default.

Fix: Set --default-font-family to Lora in @theme inline so Tailwind's base layer applies the correct font.

Test plan

  • Build passes
  • Verify Lora renders as primary font on all pages
  • Verify monospace still used for code/address elements

Tailwind v4's @theme inline generates --default-font-family on html
which overrides the body font-family rule. Set --default-font-family
to Lora in @theme inline so the serif font actually takes effect.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@realproject7 realproject7 merged commit db94664 into main Mar 23, 2026
3 checks passed
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