Skip to content

feat: add vazirmatn font for persian example#2896

Open
rezaaa wants to merge 8 commits intogpbl:mainfrom
rezaaa:feat/persian_calendar_font
Open

feat: add vazirmatn font for persian example#2896
rezaaa wants to merge 8 commits intogpbl:mainfrom
rezaaa:feat/persian_calendar_font

Conversation

@rezaaa
Copy link
Contributor

@rezaaa rezaaa commented Feb 7, 2026

Summary

  • Add the Vazirmatn font (a popular Persian/Arabic font) to the Persian calendar example for proper RTL typography
  • Load the Vazirmatn font via Google Fonts in the Docusaurus config
  • Wrap the Persian DayPicker example in a div with fontFamily: "Vazirmatn, sans-serif"

New Standard Font:

image

Old Font:

image

Changed files

  • examples/Persian.tsx — Wrap DayPicker in a div with Vazirmatn font family
  • website/docusaurus.config.ts — Add Vazirmatn Google Fonts stylesheet

Thanks

@rezaaa rezaaa requested a review from gpbl as a code owner February 7, 2026 17:06
@gpbl
Copy link
Owner

gpbl commented Feb 9, 2026

@rezaaa this is a good idea, but the font should probably be applied to all calendars that use an Arabic script (including the playground as well). In other words, it should depend on selecting a locale that uses an Arabic script.

@rezaaa
Copy link
Contributor Author

rezaaa commented Feb 9, 2026

@gpbl That makes sense 👍 I agree it should be tied to the locale rather than applied manually.
I look into it.

@rezaaa
Copy link
Contributor Author

rezaaa commented Feb 9, 2026

@gpbl Applied font globally to all RTL (right-to-left) components across the examples app, and shadow DOM components.

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.

2 participants