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');
}
3️⃣ Apply the font in HTML:
<p class="text-green-600 font-semibold">
<span style="font-family: 'Arshid';">$</span>10.00
</p>
🔹 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)