双倍宽度非比例字体

Question

我需要在HTML中模拟esc / pos热敏打印机中打印的内容。我有一切，除了双倍宽度的文字，这是一个文字，印有非比例排版，只需要正常排版宽度的两倍，但高度相同。例如，“ABCD”在普通文本中具有与双宽度模式中的“AB”相同的宽度。有没有办法，字体，我可以用来在HTML中呈现这种文字？

我搜索高低，但我找不到符合此要求的单一字体。

Answer 1

正如詹姆斯的回答，试试：

 letter-spacing: 1em;

您还可以尝试的是有点难看，但它的工作原理：

 #yourelement { 
        transform: scaleX(2);
 }

Answer 2

我怀疑你可以拉伸字体，但你可以使用CSS模拟宽度：

letter-spacing: 1em;

或者，您可以将文本渲染到Canvas，然后调整画布大小。