双宽非比例字体

Question

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

我到处搜索，但找不到符合此要求的字体。

Answer 1

我怀疑你能否拉伸字体，但你可以使用 CSS:

模拟宽度

letter-spacing: 1em;

或者，您可以将文本呈现为 Canvas，然后调整 canvas.

的大小

Answer 2

作为 James 的回答，尝试：

 letter-spacing: 1em;

你也可以尝试的是有点丑，但它有效：

 #yourelement { 
        transform: scaleX(2);
 }