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)