New Saudi Currency Symbol in ERPNext Requiring No Installations or Technical Expertise

ERPNext
, , ,
1

If you’re looking to update the Saudi Riyal (SAR) currency symbol in ERPNext to the new design without any additional apps or installations, here’s a simple solution I created that requires no technical expertise.

:white_check_mark: Steps:

1. Create or edit a Print Style in ERPNext, and add the following at the top:

/*-----------------------------------------------------------------------------------------------------------------*/
@media print {
    @page { 
        size: A4;
        margin: 5mm;
    }
}

@font-face {
    font-family: 'Cairo Saudi';
    src: url('https://cdn.jsdelivr.net/gh/UsmanSanawar/Cairo-with-Saudi-Currency@main/Cairo-Regular-Saudi.ttf') format('truetype');
    unicode-range: U+00A7 !important; /* Only applies to § */
}

html body {
    font-family: 'Cairo Saudi', serif !important;
}

/* Override styles for print */
@media print {
    html body {
        font-family: 'Cairo Saudi', serif !important;
    }
}

.print-format * {
    color: #000 !important;
    font-family: 'Cairo Saudi', serif !important;
}
/*-----------------------------------------------------------------------------------------------------------------*/

2. Go to Print Settings and select the new/edited Print Style from step 1.

3. Update the Currency Symbol for SAR:

  • Go to Currency List
  • Open SAR
  • Change the Symbol field to: §

This character (§) is overridden in the font to render the new Saudi currency symbol.

4. Hard refresh your browser
Use Ctrl + Shift + R to reload with cleared cache and view the changes.

:tada: That’s it! Your ERPNext print formats will now display the new Saudi currency symbol using a lightweight custom font hosted via CDN—no installations or server-level changes required.

2 Likes