{"id":12143,"date":"2025-04-15T17:20:40","date_gmt":"2025-04-15T11:50:40","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/?p=12143"},"modified":"2025-04-21T09:29:04","modified_gmt":"2025-04-21T03:59:04","slug":"sar-new-currency-symbol-in-html","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/sar-new-currency-symbol-in-html\/","title":{"rendered":"Saudi Riyal Font &#8211; Display New SAR Currency Symbol in HTML"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The Saudi Central Bank announced a new symbol for the Saudi Arabian Riyal (SAR) in February 2025.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The design reflects the Kingdom\u2019s rich cultural heritage, featuring the word \u201cRiyal\u201d in a style inspired by traditional Arabic calligraphy.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1999\" height=\"586\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/04\/New-symbol-for-the-Saudi-Arabian-Riyal.png\" alt=\"New Symbol for the Saudi Arabian Riyal\" class=\"wp-image-12145\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/04\/New-symbol-for-the-Saudi-Arabian-Riyal.png 1999w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/04\/New-symbol-for-the-Saudi-Arabian-Riyal-250x73.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/04\/New-symbol-for-the-Saudi-Arabian-Riyal-700x205.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/04\/New-symbol-for-the-Saudi-Arabian-Riyal-768x225.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/04\/New-symbol-for-the-Saudi-Arabian-Riyal-1536x450.png 1536w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/04\/New-symbol-for-the-Saudi-Arabian-Riyal-403x118.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/04\/New-symbol-for-the-Saudi-Arabian-Riyal-964x283.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/04\/New-symbol-for-the-Saudi-Arabian-Riyal-120x35.png 120w\" sizes=\"auto, (max-width: 1999px) 100vw, 1999px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Considering this change, you will need to make changes to your website that work with Saudi Riyal.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Follow the simple solution we have provided in this blog and display the new Saudi Riyal Currency symbol in HTML.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Unicode for the New SAR Currency Symbol&nbsp;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Currently, no direct Unicode is available for the SAR currency symbol.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For now, you will have to load the custom font file on our website to implement the new SAR symbol.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Display the New Saudi Riyal (SAR) Currency Symbol in HTML?<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Load Saudi Riyal font file:<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">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:<\/p>\n\n\n\n<div class=\"wp-block-simple-alerts-for-gutenberg-alert-boxes sab-alert sab-alert-primary\" role=\"alert\"><a href=\"https:\/\/drops.meetanshi.com\/f\/rmYrYM\">https:\/\/drops.meetanshi.com\/f\/rmYrYM<\/a><button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\"><span aria-hidden=\"true\">\u00d7<\/span><\/button><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Display the Symbol using Unicode:<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Now, use the below code wherever you want to use the SAR currency symbol.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;span style=\"font-family: 'saudi_riyal'\">&amp;#xE900;&lt;\/span><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">By following these simple steps, you will be able to show the SAR New Currency symbol across all websites.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1254\" height=\"188\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/04\/Show-the-SAR-New-Currency-symbol.png\" alt=\"Show the SAR New Currency Symbol\" class=\"wp-image-12147\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/04\/Show-the-SAR-New-Currency-symbol.png 1254w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/04\/Show-the-SAR-New-Currency-symbol-250x37.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/04\/Show-the-SAR-New-Currency-symbol-700x105.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/04\/Show-the-SAR-New-Currency-symbol-768x115.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/04\/Show-the-SAR-New-Currency-symbol-403x60.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/04\/Show-the-SAR-New-Currency-symbol-964x145.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/04\/Show-the-SAR-New-Currency-symbol-120x18.png 120w\" sizes=\"auto, (max-width: 1254px) 100vw, 1254px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>How to Replace Old SAR Currency Symbols?<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If your website supports Saudi Arabian Riyal, the currency might appear like this:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Price: SAR 120<\/li>\n\n\n\n<li>Price: \ufdfc 120<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">To replace this, with new SAR symbol:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Download and import SAR font file.<\/li>\n\n\n\n<li>Apply the code mentioned in the above step.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Get Help with Frontend Development<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If you would like an Ecommerce expert to handle this&nbsp; \u2014 our Meetanshi expert is here to help. You can hire us for specific e-commerce tasks or any special projects you have in mind.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><div class=\"meetanshi-cta\">\r\n<div class=\"cta-content-wrapper\">\r\n<span>Talk to our experts<\/span>\r\n<p>Contact our expert team to get started with leveraging the performance of your online store.<\/p>\r\n<a href=\"https:\/\/meetanshi.com\/contacts\" target=\"_blank\" class=\"btn-primary\">Contact Us Now<\/a>\r\n<\/div>\r\n<div class=\"cta-image-new\">\r\n<img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/11\/consult-us-now.png\" alt=\"Meetanshi Contact Us\">\r\n<\/div>\r\n<\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Saudi Central Bank announced a new symbol for the Saudi Arabian Riyal (SAR) in February 2025.&nbsp; The design reflects the Kingdom\u2019s rich cultural heritage,&#8230;<\/p>\n","protected":false},"author":5,"featured_media":12152,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[112],"tags":[],"class_list":["post-12143","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-e-commerce"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/12143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=12143"}],"version-history":[{"count":4,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/12143\/revisions"}],"predecessor-version":[{"id":12156,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/12143\/revisions\/12156"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media\/12152"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=12143"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=12143"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=12143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}