feat(customization-rtl): use Vazirmatn font

[okaeiz]

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines: https://refine.dev/docs/guides-concepts/contributing/#commit-convention

Bugs / Features

• Related issue(s) linked
• Tests for the changes have been added
• Docs have been added / updated
• Changesets have been added https://refine.dev/docs/guides-concepts/contributing/#creating-a-changeset

What is the current behavior?

The current font of RTL strings in languages such as Persian or Arabic is not aesthetically pleasing and causes problems in readability in some screens.

What is the new behavior?

The ideal solution is to use a readable font that is widely used in these languages. I have used Vazirmatn which a popular font.

Notes for reviewers

I have not opened an issue for this. I decided to interact with the viewers under the PR, If I may. This PR only changes the code in customization-rtl template.

[changeset-bot]

⚠️ No Changeset found

Latest commit: 997f512

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[BatuhanW]

Hey @okaeiz thanks for the PR. Since it's a PR against example, not creating issue is not a big problem.

Could you share before/after screenshots for this change?

[okaeiz]

Hey @okaeiz thanks for the PR. Since it's a PR against example, not creating issue is not a big problem.

Could you share before/after screenshots for this change?

Sure thing. As you probably know, Github itself uses Vazirmatn font for Arabic and Persian characters. Take a look at the font's official repository. Here are the screenshots:

Before

After

As you can notice, the letters are too close to each other in the default font. Since Arabic and Persian letters often have close dots and small dents, if they are too close, they can be indistinguishable. But Vazirmatn resolves the issue by putting adequate space between letters.

[BatuhanW]

@okaeiz thanks for the contribution. Please see the message at the very beginning of PR description.

Following conventions makes our lives easier, keep in mind next time ❤️

[okaeiz]

@okaeiz thanks for the contribution. Please see the message at the very beginning of PR description.

Following conventions makes our lives easier, keep in mind next time ❤️

I'll keep that in mind. Thank you.
Should I create a PR anew in order for this feature to be merged?