How do I reduce characters' width of Arial-like fonts with CSS?
The font-stretch property allows you to make text narrower (condensed) or wider (expanded). Note: Some fonts provide additional faces; condensed faces and expanded faces. For these fonts, you can use the font-stretch property to select a normal, condensed, or expanded font face.
The HTML <small> tag makes text one font size smaller in the HTML document. This tag is also commonly referred to as the <small> element.
You can use font-stretch to select a condensed or expanded face from such fonts. If the font you are using does not offer condensed or expanded faces, this property has no effect.
You can't reduce character width, but you can reduce letter-spacing.
span { letter-spacing: 0px; }
Use narrow fonts in your font-family declaration. These are pretty common.
font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With