feat(i18n): add Arabic font support

[abaza738]

Added a font for Arabic language because the current font does not support Arabic letters (and I guess many other languages?)😅.
Tested this locally and found it to preserve the original font Geist when English text is written in the middle of Arabic text, I suppose this is unicode-range working properly.

Changes Preview

Before:

After:

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ready	Preview, Comment	Apr 4, 2026 9:22pm
npmx.dev	Ready	Preview, Comment	Apr 4, 2026 9:22pm
npmx.dev (canary)	Ready	Preview, Comment	Apr 4, 2026 9:22pm

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
npmx-lunaria	Ignored		Apr 4, 2026 9:22pm

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ All tests successful. No failed tests found.

📢 Thoughts on this report? Let us know!

[coderabbitai]

📝 Walkthrough

Walkthrough

The change adds "IBM Plex Sans Arabic" to font stacks and configuration only. In lunaria/styles.ts the root CSS variables --ln-font-body and --ln-font-mono are extended to include "IBM Plex Sans Arabic". nuxt.config.ts gains a fonts.families entry for "IBM Plex Sans Arabic" with weights 400, 500, 600, global rendering enabled and the Arabic subset. uno.config.ts updates theme.font.mono and theme.font.sans to include "IBM Plex Sans Arabic". No other logic was changed.

🚥 Pre-merge checks | ✅ 2

✅ Passed checks (2 passed)

Check name	Status	Explanation
Merge Conflict Detection	✅ Passed	✅ No merge conflicts detected when merging into main
Description check	✅ Passed	The pull request description clearly explains the addition of Arabic font support, references testing, and provides visual evidence of the changes.

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

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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

[ghostdevv]

Could you show some screenshots of before/after? @abaza738

[abaza738]

I updated the PR description to include the screenshots, sorry I missed it at first!

FYI, Daniel had mentioned on Discord that there's extra fonts being downloaded and wanted to investigate further before merging.

[ghostdevv]

FYI, Daniel had mentioned on Discord that there's extra fonts being downloaded and wanted to investigate further before merging.

Do you have a link 👀

[abaza738]

I saw an extra woff font being downloaded at one point and needed to figure out why

[ghostdevv]

ah, it does seem to download two files with firefox only being able to show that preview thingy for one 🤔

[ghostdevv]

also tagging Alex for a review since we're changing fonts - not sure if we should add this to the brand page? @alexdln

[alexdln]

@ghostdevv I think nope. We use Geist in our logo, banners and og-images. While this one is only for internal content and therefore isn't important for the press

[alexdln]

Might be better to use arabic font first, because now user can download bunch of fonts (geist for numbers, geist mono 500 for question mark, geist 600 for dot in tab, IBM mono 400 for arabic text, etc.)

But there still would be lags and minuses, so it's not a recommendation. Overall lgtm

[ghostdevv]

After syncing with main and checking the latest preview (the first comment with the link seems to be broken on this pr lol), the duplicate font download seems to be gone - so will merge this for now and we can make any other changes in a follow up 🫡