CSS浓缩等宽字体

Question

我有很多数据（以纯文本的形式）从txt文件中读取并显示在180像素宽的小div列中。

本文的部分内容已预先格式化，例如：

C    1    4    1.4   6    1.5  8
HL   4.5  3    1.5   1    4    1.4
U    6    1.5  8     1    5    4.9

要显示此部分，我使用了以下代码：

<span style="font-family: 'Courier New', Courier, monospace; font-size: 10px; white-space: pre;">
C    1    4    1.4   6    1.5  8
HL   4.5  3    1.5   1    4    1.4
U    6    1.5  8     1    5    4.9
</span>

但对于div来说它真的非常大，如果我使用普通字体，它将显示为：

C 1 4 1.4 6 1.5 8

所以，我想做的是以下一项或两项：

1）使用精简的等宽字体，但我找不到方法。

2）使用像Arial（或左右）这样的ttf字体作为等宽字体。

我不知道我还能做些什么才能达到目标。

编辑：我添加了一个jsfiddle实例，说明问题是什么，结果应该是什么，请转到http://jsfiddle.net/LCVwH/

非常感谢您的任何建议。

Answer 1

<span style="font-family: 'Courier New', Courier, monospace; font-size: 10px; white-space: pre;">

应该怎么做。

使用"即可打开和关闭样式。因此，当您设置字体时，您正在关闭样式。

Answer 2

将overflow:auto;添加到包含div的选项中吗？ 我猜可能有时你的文本会溢出div。

对我来说，示例中的文字并不仅仅在font-size:9px;溢出div，这对我来说有点小。