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> 

를하지만 정말 사업부에 대한 매우 큰이며, 경우

C 1 4 6 1.4 1.5 8 그래서

, 이화 : I는이 같은 표시되는 일반적인 폰트를 사용 내가하고 싶은 것은 다음 중 하나 또는 둘 다입니다 :

1) 압축 된 고정 폭 글꼴을 사용합니다. 그러나 그 길을 찾을 수 없습니다.

2) Arial (또는 그와 같이)과 같은 ttf 글꼴을 고정 폭 글꼴로 사용하십시오.

나는 목표에 도달하기 위해 내가 무엇을 할 수 있는지 알지 못한다.

편집 : 나는 어떤 제안을 주셔서 대단히 감사합니다 http://jsfiddle.net/LCVwH/

로 이동하십시오 결과되어야 문제가 무엇 무엇을 jsfiddle 라이브 예를 추가했습니다.

Answer 1

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

어떻게해야합니까?

을 사용하면 스타일을 열고 닫을 수 있습니다. 그래서 글꼴을 설정할 때 스타일을 닫을 것입니다.

Answer 2

div 옵션에 overflow:auto;을 추가 하시겠습니까? 어쨌든 텍스트가 div에서 오버플로되는 경우가 있습니다.

나를 위해, 예제 텍스트는 font-size:9px;에서만 오버플로 div가 아니며 조금 작습니다.