$100.00

Save an additional $100.00 for every two Gotham Bundles you buy!

1Pairing Styles

Each of the four widths in the Gotham family contains the same eight weights, from Thin to Ultra, each provided in both roman and italic. Gotham maintains visually consistent intervals between its weights, to ensure that every style has a heavier counterpart that provides the same degree of emphasis.

gotham Emphasizing Text
gotham Emphasizing Text
gotham Emphasizing Text on Screen
gotham Creating Contrasting Textures
2Setting Text & Headlines

An unmannered sans serif with a large lowercase, clear gestures, and generous fit, Gotham is naturally at home in the widest range of sizes. Owing to its short ascenders and descenders, Gotham sits ‘large on the body,’ appearing bigger than expected at text sizes, and inviting tight leading.

The following tables offer some conservative guidelines for the smallest sizes at which the fonts can comfortably be reproduced and read, assuming typical reading conditions, and conventional contrast between type and background colors. The recommendations for sizes on screen are based on the coarser resolutions of older, entry-level monitors: at the higher resolutions available on modern phones, tablets, and laptops, type is viable at even smaller sizes.

Each of Gotham’s four widths — Regular, Narrow, Extra Narrow, and Condensed — is divided into two packages: a ‘1’ package with the central weights from Light to Bold, and a ‘2’ package with the peripherally lightest and darkest weights. All four of Gotham’s widths are available as ScreenSmart fonts, specifically designed for use on screen at text sizes, and engineered to deliver superior rendering in web browsers.

ScreenPrint

Text/Headlines

Gotham 14½ pt18 px
Gotham 27 pt26 px

Text/Headlines

Gotham Narrow 15 pt18 px
Gotham Narrow 28 pt26 px

Text/Headlines

Gotham Extra Narrow 16 pt18 px
Gotham Extra Narrow 29 pt26 px

Text/Headlines

Gotham Condensed 17 pt18 px
Gotham Condensed 211 pt26 px

ScreenSmart® (SSm) fonts, designed for web and mobile applications, are engineered to work on screen at text sizes.

ScreenPrint

Text

Gotham SSm 4 pt9 px
Gotham Narrow SSm4 pt9 px
Gotham Extra Narrow SSm4½ pt10 px
Gotham Condensed SSm5 pt12 px
ScreenPrint

Text

Gotham Office4 pt9 px
Gotham Narrow Office4 pt9 px

Gotham’s most delicate styles, included in the Gotham 2 package, can be used in concert to give the appearance of a consistent stroke weight across a range of sizes. As a rule of thumb for Gotham, try moving one weight heavier at half the point size, two weights heavier at one third the size, and three weights heavier at one fifth the size. As always, keep in mind that smaller type generally benefits from a little extra letterspacing, and a bump to its point size.

gotham Normalizing Stroke Weights Progressive
3Choosing Numbers

Gotham has four types of numbers: lining figures, tabular figures for setting numbers in columns, fractions and fraction parts, and superscripts and subscripts.

Image

Gotham’s default numbers are lining figures, which share a common height, but whose widths vary according to their natural shapes (from the narrow 1 to the wide 0.)

Image

For contexts in which numbers need to be stacked (such as charts, tables, pricelists, and menus), or digital applications in which numbers are dynamic (such as websites and apps), Gotham includes a set of tabular figures that are drawn on a common width. Tabular figures are provided in every style of the Gotham 1, Gotham 2, Gotham Narrow 1, Gotham Extra Narrow 1, and Gotham Condensed 1 packages.

Image

All styles of Gotham that include tabular figures also include numerators and denominators, aligned with the cap height and the baseline, as well as a fraction bar to which they’re individually kerned. Many applications can automatically detect numbers separated by a slash and replace these with proper fractions; for other applications, Gotham includes pre-composed fractions for the fifteen most common denominations.

Image

All styles of Gotham that include tabular figures also include superscripts and subscripts, which peek above the cap height and dip below the baseline. Use these for footnotes, mathematical expressions, and scientific formulas.

4Creating Charts & Tables

Gotham has features that make it easier to use tabular figures when designing data-heavy settings such as charts, tables, menus, and reports, as well as digital applications that show dynamic data such as prices, statistics, product numbers, timetables, account numbers, points, or scores.

Image

Gotham’s tabular figures maintain a fixed width from weight to weight, so that numbers can be emphasized in a bolder weight without disrupting the grid.

Image

Activating Gotham’s tabular figures automatically introduces fixed-width versions of many characters that frequently accompany numbers, such as monetary and commercial symbols, mathematical operators, and punctuation marks.

5Using Special Characters

Many of Gotham’s special characters and alternates are grouped into Stylistic Sets, an OpenType feature available in many applications that makes it easier to apply related substitutions together.

gotham Stylistic Sets On
gotham Stylistic Sets On
gotham Stylistic Sets On
gotham Stylistic Sets On
gotham Stylistic Sets On
gotham Stylistic Sets On
gotham Stylistic Sets On
5.2Additional Characters
gotham Additional Characters
gotham Additional Characters
6Using Automated Features

Gotham automatically adjusts spacing to improve typography.

gotham Kerning Native

Gotham is spaced and kerned to perform in most circumstances without the need for manual intervention. In applications that offer multiple options for kerning type, always use the default kerning that’s native to the typefaces (labeled auto in Illustrator, and metrics in InDesign) — never use the setting for optical kerning.

 

So-called ‘optical kerning’ was originally developed as an automated assist for fonts that lack kerning. But applied to a professional typeface, it overrides the visual decisions made by the font’s designers, and instead spaces characters using a mathematical model. It routinely misjudges common pairs, ignores important context, and misaligns tabular figures, creating erratic and disruptive rhythms. Because its algorithms are subject to change with each software update, ‘optical kerning’ can cause text to be reflowed without notice.

7Language Support

Gotham features H&Co’s Expanded LatinCyrillic, and Greek character sets.

Gotham supports 564 languages including Afrikaans, Albanian, Alsatian, Azerbaijani, Basque, Belarusian, Bosnian, Breton, Bulgarian, Catalan, Cebuano, Corsican, Croatian, Czech, Danish, Dutch, English, Estonian, Faroese, Fijian, Filipino, Finnish, French, Frisian, Friulian, Galician, German, Greek, Hungarian, Icelandic, Indonesian, Irish, Italian, Kazakh, Kurdish, Kyrgyz, Latvian, Lithuanian, Luxembourgeois, Malagasy, Malay, Maltese, Norwegian, Oromo, Polish, Portuguese, Romanian, Russian, Sardinian, Scots Gaelic, Serbian, Slovak, Slovene, Spanish, Swahili, Swedish, Tagalog, Turkish, Turkmen, Ukrainian, Uzbek, Welsh, and Zulu.

gotham Bulgarian Localization BGR

Gotham includes Cyrillic localizations for Bulgarian. In applications that support language tagging, Bulgarian text (tagged bgr) will substitute local variants of the roman and italic characters Ф, в, г, д, ж, и, й, к, п, т, ц, ш, щ, and ю.

gotham Serbian and Macedonian Localization SRB/MKD

Gotham also includes Cyrillic localizations for Serbian and Macedonian. In applications that support language tagging, text tagged srb or mkd will use local variants of the roman and italic character б.