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’);
}

3️⃣ Apply t…


This content originally appeared on DEV Community and was authored by Arshid

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! 💬


This content originally appeared on DEV Community and was authored by Arshid


Print Share Comment Cite Upload Translate Updates
APA

Arshid | Sciencx (2025-02-26T15:48:53+00:00) Saudi Riyal Font – Easily Display SAR Currency Symbol in HTML. Retrieved from https://www.scien.cx/2025/02/26/saudi-riyal-font-easily-display-sar-currency-symbol-in-html/

MLA
" » Saudi Riyal Font – Easily Display SAR Currency Symbol in HTML." Arshid | Sciencx - Wednesday February 26, 2025, https://www.scien.cx/2025/02/26/saudi-riyal-font-easily-display-sar-currency-symbol-in-html/
HARVARD
Arshid | Sciencx Wednesday February 26, 2025 » Saudi Riyal Font – Easily Display SAR Currency Symbol in HTML., viewed ,<https://www.scien.cx/2025/02/26/saudi-riyal-font-easily-display-sar-currency-symbol-in-html/>
VANCOUVER
Arshid | Sciencx - » Saudi Riyal Font – Easily Display SAR Currency Symbol in HTML. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2025/02/26/saudi-riyal-font-easily-display-sar-currency-symbol-in-html/
CHICAGO
" » Saudi Riyal Font – Easily Display SAR Currency Symbol in HTML." Arshid | Sciencx - Accessed . https://www.scien.cx/2025/02/26/saudi-riyal-font-easily-display-sar-currency-symbol-in-html/
IEEE
" » Saudi Riyal Font – Easily Display SAR Currency Symbol in HTML." Arshid | Sciencx [Online]. Available: https://www.scien.cx/2025/02/26/saudi-riyal-font-easily-display-sar-currency-symbol-in-html/. [Accessed: ]
rf:citation
» Saudi Riyal Font – Easily Display SAR Currency Symbol in HTML | Arshid | Sciencx | https://www.scien.cx/2025/02/26/saudi-riyal-font-easily-display-sar-currency-symbol-in-html/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts