JSFiddle - React, Tailwind, and code Playground

by SerGen

HTML

₽
�
�

<p>
  проверять несколько шрифтов?<br>
  получать символ из кода, напрямую код не получается использовать
</p>

JavaScript

if (!!window.HTMLCanvasElement) {
var c = document.createElement('canvas');
var cx = c.getContext('2d');

c.width = 12;
c.height = 12;

cx.font = "10px serif";
cx.textBaseline = "hanging";
cx.fillText(String.fromCharCode(0x20bd), 0, 2);

var reference = c.toDataURL();

cx.clearRect(0, 0, c.width, c.height);
/* cx.fillText("�", 0, 2); */
cx.fillText("₽", 0, 2);

var result = c.toDataURL();

document.body.insertAdjacentHTML('beforeend', `
reference: <img src="${reference}">
result: <img src="${result}">
`)

alert(reference === result);
}
else {
alert('canvas is not supported')
}