DEV Community

Cover image for Saudi Riyal Font – Easily Display SAR Currency Symbol in HTML
Arshid
Arshid

Posted on

Saudi Riyal Font – Easily Display SAR Currency Symbol in HTML

How to Use Saudi Riyal Font in HTML?
1️⃣ Download the Font from GitHub https://github.com/mailmug/saudi-riyal-font
2️⃣ Include it in your CSS:

@font-face {
    font-family: 'Arshid';
    src: url('arshid.ttf') format('truetype');
}
Enter fullscreen mode Exit fullscreen mode

3️⃣ Apply the font in HTML:

<p class="text-green-600 font-semibold">
    <span style="font-family: 'Arshid';">$</span>10.00
</p>
Enter fullscreen mode Exit fullscreen mode

🔹 Now, your $ sign will correctly display as Saudi Riyal (SAR) currency symbol!

Check out the project on GitHub:
👉 https://github.com/mailmug/saudi-riyal-font

Would love to hear your feedback! 💬

Top comments (0)

The Most Contextual AI Development Assistant

Pieces.app image

Our centralized storage agent works on-device, unifying various developer tools to proactively capture and enrich useful materials, streamline collaboration, and solve complex problems through a contextual understanding of your unique workflow.

👥 Ideal for solo developers, teams, and cross-company projects

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay