Непропорциональный шрифт двойной ширины

Question

Мне нужно эмулировать в HTML то, что напечатано на термопринтере esc / pos.У меня есть все, кроме текста двойной ширины, то есть текста, напечатанного с непропорциональной типографикой, который занимает ровно в два раза больше ширины обычной типографии, но с той же высотой.Например, «ABCD» имеет такую ​​же ширину в обычном тексте, что и «AB» в режиме двойной ширины.Есть ли способ, шрифт, что-то, что я могу использовать для рендеринга такого типа текста в HTML?

Я искал по максимуму и по низу, но не смог найти ни одного шрифта, соответствующего этому требованию.

Answer 1

Как ответ Джеймса, попробуйте:

 letter-spacing: 1em;

То, что вы также можете попробовать, довольно уродливо, но это работает:

 #yourelement { 
        transform: scaleX(2);
 }

Answer 2

Я сомневаюсь, что вы можете растянуть шрифт, но вы можете эмулировать ширину, используя CSS:

letter-spacing: 1em;

Кроме того, вы можете визуализировать текст в Canvas, а затем изменить размер холста.