# Narrow sans-serif fonts for tables and tight layouts

> Condensed and semi-condensed text families that fit more characters per line in tables, sidebars, forms and mobile screens.

Some layouts simply do not have the width. A table with eight columns, a sidebar, a mobile navigation bar, a form label that must stay on one line, a map crowded with place names: in each case a narrower typeface solves the problem more cleanly than a smaller size does. Shrinking text costs legibility quickly; narrowing it costs much less.

The families here are narrow text faces, which is different from condensed display type. A headline gothic can be squeezed hard because it is read large. A text face has to stay readable at 11 or 12 pixels, so the good ones are only moderately condensed, keep their counters open and loosen their spacing slightly to compensate. Many are the narrow width of a larger family, and that is a real benefit, because the regular width can set your paragraphs while the condensed width handles the tables, and the two will match in height and weight.

Check two things before committing. First, the figures: in a table, digits of equal width keep columns of numbers aligned. Second, the range of weights, since dense layouts depend on bold and medium to mark headers and totals.

How these were chosen: Sans-serif families in a condensed or semi-condensed width that are tagged for interfaces or body text; one-weight headline condenseds are listed separately.

## Fonts (15)

- [Roboto Condensed](https://trendhub.net/fonts/roboto-condensed.markdown) (Sans Serif, 18 styles · variable, OFL): Tall, compressed letters with straight-sided rounds, meant to be used next to its regular-width parent; nine weights with italics, Cyrillic and Greek.
- [IBM Plex Sans Condensed](https://trendhub.net/fonts/ibm-plex-sans-condensed.markdown) (Sans Serif, 14 styles, OFL): The narrow cut of a corporate grotesque with engineered details, for tight columns, tables and dense screens; seven weights with italics.
- [Fira Sans Condensed](https://trendhub.net/fonts/fira-sans-condensed.markdown) (Sans Serif, 18 styles, OFL): Compressed letters that keep open apertures and a tall lowercase, from a family tuned for phone screens; nine weights with italics, Cyrillic and Greek.
- [Barlow Semi Condensed](https://trendhub.net/fonts/barlow-semi-condensed.markdown) (Sans Serif, 18 styles, OFL): A little narrower than normal, with the counters of a, e and g kept open and figures that stay easy to tell apart; nine weights with italics.
- [Archivo Narrow](https://trendhub.net/fonts/archivo-narrow.markdown) (Sans Serif, 8 styles · variable, OFL): Condensed without being squeezed: rounded bowls, flat terminals and a tall lowercase, in four weights from Regular to Bold with italics.
- [Asap Condensed](https://trendhub.net/fonts/asap-condensed.markdown) (Sans Serif, 16 styles, OFL): Tall, close-set letters with slightly rounded corners and numerals as narrow as the capitals; eight weights with italics.
- [Encode Sans Semi Condensed](https://trendhub.net/fonts/encode-sans-semi-condensed.markdown) (Sans Serif, 9 styles, OFL): One step narrower than the normal width, mild enough that text still reads at an ordinary pace; nine upright weights from Thin to Black.
- [Encode Sans Condensed](https://trendhub.net/fonts/encode-sans-condensed.markdown) (Sans Serif, 9 styles, OFL): The narrow member of a five-width superfamily, so a layout can change width without changing typeface; nine upright weights from Thin to Black.
- [Sofia Sans Semi Condensed](https://trendhub.net/fonts/sofia-sans-semi-condensed.markdown) (Sans Serif, 18 styles · variable, OFL): Saves space without the tightness of its two narrower siblings; nine weights with italics across Latin, Cyrillic and Greek.
- [Sofia Sans Condensed](https://trendhub.net/fonts/sofia-sans-condensed.markdown) (Sans Serif, 18 styles · variable, OFL): Tall letters with flat-flanked ovals, covering Latin, Cyrillic and Greek in nine weights with italics, with several figure styles and arrows.
- [Cabin Condensed](https://trendhub.net/fonts/cabin-condensed.markdown) (Sans Serif, 4 styles, OFL): A humanist sans that keeps slightly oval, pen-influenced rounds at a narrow width; four upright weights from Regular to Bold.
- [Reddit Sans Condensed](https://trendhub.net/fonts/reddit-sans-condensed.markdown) (Sans Serif, 8 styles · variable, OFL): Compressed but not rigid, with round bowls, open apertures and a two-story a; eight upright weights from ExtraLight to Black.
- [Cuprum](https://trendhub.net/fonts/cuprum.markdown) (Sans Serif, 8 styles · variable, OFL): A narrow grotesque with flat-sided ovals and a tall lowercase, in four weights from Regular to Bold with italics and Cyrillic.
- [PT Sans Narrow](https://trendhub.net/fonts/pt-sans-narrow.markdown) (Sans Serif, 2 styles, OFL): Keeps the open shapes of its parent family at roughly four fifths of the width, for economical setting; Regular and Bold, with Cyrillic.
- [Pragati Narrow](https://trendhub.net/fonts/pragati-narrow.markdown) (Sans Serif, 2 styles, OFL): A tightly fitted Devanagari and Latin sans developed for screens, in Regular and Bold.

## FAQs

### Is it better to use a condensed font or a smaller size?

For a modest saving, a condensed width usually keeps text more readable than dropping the size. Below about 11 pixels on screen, neither helps much and the layout itself needs rethinking.

### Can I mix a condensed width with the regular width of the same family?

Yes, and it is the cleanest pairing available: the two share proportions and stroke weight, so the change reads as a change of density, not of typeface.

### Are these fonts free to use in commercial apps and reports?

They are under open licenses that allow commercial use and embedding. The license text is included in each download.

## Related collections

- [Condensed fonts for headlines](https://trendhub.net/fonts/for/condensed-headline-fonts.markdown)
- [Clean sans-serif fonts for app interfaces](https://trendhub.net/fonts/for/app-interface-fonts.markdown)
- [Variable fonts with a width axis](https://trendhub.net/fonts/for/variable-fonts-with-a-width-axis.markdown)
- [Fonts for signage and wayfinding](https://trendhub.net/fonts/for/signage-and-wayfinding-fonts.markdown)
- [Fonts for subtitles and video captions](https://trendhub.net/fonts/for/subtitle-and-caption-fonts.markdown)
- [Grotesque sans-serif fonts](https://trendhub.net/fonts/for/grotesque-sans-serif-fonts.markdown)

---

Source: https://trendhub.net/fonts/for/narrow-fonts-for-tight-layouts (trendhub)
