Change specific font family in columndefs

bchipre

Hello @allan

We are using datatables with columndefs and rendering Indian Rupee icon using the code below.
"columnDefs": [ { "targets": [8,9], "render": function(data, type, row) { return Number(data).toLocaleString('en-IN', { maximumFractionDigits: 2, style: 'currency', currency: 'INR' }); }, }, ]

Since the font family used is Poppins, the rupee symbol is not rendered correctly, it should show the Rupee icon like : ₹.
But Poppins shows the Rupee symbol in a different way as seen in the test case below.

Testcase : https://jsfiddle.net/snbaxzq0/1/

So, I want to just replace that rupee symbol with font-family: Arial, sans-serif;. We do not want to change the font for number(data) (i.e., 1,70,750.00 in the test case) from Poppins to Arial. We tried every possible way but no success.

Any suggestions are welcome @allan .

allan

If you want to make a specific character have a different font, you need to put it into its own HTML element - example: https://jsfiddle.net/CloudTables/28jw3uvz/2/ .

Allan