Saudi Riyal Font – Display New SAR Currency Symbol in HTML

The Saudi Central Bank announced a new symbol for the Saudi Arabian Riyal (SAR) in February 2025. 

The design reflects the Kingdom’s rich cultural heritage, featuring the word “Riyal” in a style inspired by traditional Arabic calligraphy.

Considering this change, you will need to make changes to your website that work with Saudi Riyal.

Follow the simple solution we have provided in this blog and display the new Saudi Riyal Currency symbol in HTML.

Unicode for the New SAR Currency Symbol 

Currently, no direct Unicode is available for the SAR currency symbol.

For now, you will have to load the custom font file on our website to implement the new SAR symbol.

How to Display the New Saudi Riyal (SAR) Currency Symbol in HTML?

Load Saudi Riyal font file:

In order to apply the new SAR symbol, you will first need to load its font file. Download and unzip the below file that will be imported to your store:

Display the Symbol using Unicode:

Now, use the below code wherever you want to use the SAR currency symbol.

<span style="font-family: 'saudi_riyal'">&#xE900;</span>

By following these simple steps, you will be able to show the SAR New Currency symbol across all websites.

How to Replace Old SAR Currency Symbols?

If your website supports Saudi Arabian Riyal, the currency might appear like this:

• Price: SAR 120
• Price: ﷼ 120

To replace this, with new SAR symbol:

• Download and import SAR font file.
• Apply the code mentioned in the above step.

Get Help with Frontend Development

If you would like an Ecommerce expert to handle this  — our Meetanshi expert is here to help. You can hire us for specific e-commerce tasks or any special projects you have in mind.