How do I reduce characters' width of Arial-like fonts with CSS?
Streching a font will be possible with the font-stretch property of CSS 3.
You can't reduce character width, but you can reduce letter-spacing.
Use narrow fonts in your font-family declaration. These are pretty common.
font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
you can use font-weight: in your css code for this
You can just scale your text. For instance:
but beware of transform-origin which can make your text move elsewhere (for example if you scale it with an origin at its center).