#hoeflerco — Public Fediverse posts

Gotham Variable Font by Hoefler & Co.

I’ve specified Gotham on more projects than I can honestly count. Business cards, magazine layouts, a handful of branding decks that never made it past round two. So when Hoefler & Co. and Monotype announced Gotham Variable to mark the typeface’s 25th anniversary, I didn’t just skim the press release and move on. I installed the font, dropped it into real layouts, and pushed the weight and width sliders until something looked wrong. This article is what I found.

The Gotham Variable Font is available on MyFonts.

We already covered the entire Gotham font family in an earlier piece on WE AND THE COLOR, tracing the typeface from New York signage to the Obama campaign to the MoMA permanent collection. But I think that Gotham’s new variable font earns its own review because it changes how the typeface actually behaves inside a working file, not just what it represents culturally. That distinction matters more than most coverage of this launch has admitted.

Gotham Variable Font Hoefler & Co. The Gotham Variable Font is available on MyFonts.

What Actually Changed When Gotham Became a Variable Font?

Standard Gotham ships as separate static files. Thin, Book, Medium, Bold, Black—each one a discrete file, each one paired again across four widths and matching italics. If you wanted a custom in-between weight, you were out of luck. You picked the closest preset and moved on.

Gotham Variable removes that constraint. Weight and width now live on continuous axes inside a single file, so a designer can dial in a value that sits precisely between two old presets instead of snapping to the nearest one. Hoefler & Co., now published under Monotype since the foundry joined the company, built this specifically to mark Gotham’s 25th anniversary, and the update goes well past a marketing refresh.

The release adds 54 new intermediate styles, including a new Compact width that didn’t exist in the static family at all. It also expands language support to Vietnamese and enhanced Cyrillic, which matters if you’re building brand systems that need to run in more than one script. Gotham Variable is available now through Monotype Fonts, Monotype Connect, and MyFonts.

One detail gets buried in most coverage: the variable upgrade doesn’t touch every Gotham subfamily. Gotham Office, Gotham Rounded, Gotham Rounded SSm, and Gotham SSm stay exactly as they were. If your project depends on one of those, Gotham Variable won’t help you.

Why Hoefler & Co. Built This Now

Gotham first appeared publicly on the January 2001 cover of GQ, commissioned as a typeface that felt modern and geometric without losing warmth. The Obama campaign adopted it in 2008, and from there it became something closer to civic infrastructure than a font choice. Twenty-five years later, Monotype used that anniversary as the trigger for the variable release, and the timing isn’t subtle marketing. It’s overdue. Variable fonts have been a mainstream browser and design-tool feature since around 2019. Plenty of newer geometric sans-serifs launched with variable support baked in from day one. Gotham, by contrast, had to be retrofitted, and that’s a genuinely harder engineering problem than starting from scratch. Sara Soskolne, now Executive Creative Director at Monotype and lead designer on this release, put it plainly: she and her team “tried to imagine what this typeface could become” without losing what made it Gotham in the first place. Elsewhere, she’s described the challenge more bluntly: reverse engineering variability into an existing and very widely used family is a trickier task than building new.

My honest read: Gotham Variable isn’t catching up so much as it’s finally applying variable-font technology to a typeface important enough that the retrofit was worth the effort. Most fonts don’t get that treatment. Gotham has earned it through sheer ubiquity.

My Hands-On Test: Setting Up Gotham Variable

Getting the File Installed

The first thing I noticed was the file count. Where a full static Gotham license means juggling dozens of separate font files across weights, widths, and italics, Gotham Variable consolidates all of that into one streamlined file per width group. That’s not just tidier. It genuinely speeds up page load when you’re using Gotham Variable on the web, since the browser only fetches one file instead of requesting a new one every time a layout calls for a different weight.

Testing the Weight Axis in Figma and InDesign

In Figma, Gotham Variable behaves exactly the way you’d want a variable font to behave. A slider appears, and you can drag weight anywhere along the axis while watching the text update live. It’s genuinely satisfying to use, and it makes fine-tuning a headline against a specific layout far less fiddly than hunting through a dropdown of preset weights.

InDesign is a different story. Depending on your version, you still mostly work through named instances rather than a true live slider, so some of that continuous promise gets flattened back into presets anyway. It works, but it doesn’t feel like the same tool.

Testing the New Compact Width

Compact sits tighter than the old Extra Narrow setting, and it’s genuinely useful in dense layouts: navigation bars, data tables, anywhere horizontal space is at a premium. I ran a few headline tests at Compact, and the letterforms hold their proportions well. They don’t look artificially squeezed the way a manually condensed font usually does.

The Slider Precision Threshold: How Much Control Do You Actually Need?

Here’s a framework I want to introduce, because I think it’s the honest question nobody in the launch coverage is asking. Call it the Slider Precision Threshold: the point past which additional axis granularity in a variable font stops producing a visible design difference. In my own testing, nudging the Gotham Variable weight slider by a handful of points rarely changed anything a reader would notice. You need a meaningfully larger jump before the eye registers it. That doesn’t make the continuous axis pointless. It means the real value isn’t in micro-precision; it’s in landing exactly on the weight a layout needs without being boxed into six presets. The Slider Precision Threshold is where marketing language about “infinite expression” runs into the much more boring reality of how human vision actually works.

Script Parity Index: Judging the New Vietnamese and Cyrillic Support

Expanding a typeface’s script coverage is easy to announce and hard to do well. So here’s a second framework: the Script Parity Index, a simple test for whether an added script actually matches the visual DNA of the original design, rather than reading as a stylistically separate typeface bolted onto the same file. Gotham’s Cyrillic extension keeps the rounded bowls and open counters that define the Latin characters, which is exactly what you want. A script extension that abandons the source typeface’s proportions defeats the purpose of adding it. Vietnamese diacritics are notoriously difficult to integrate cleanly into a geometric sans, since the stacked accent marks can crowd a design that depends on generous spacing. Gotham Variable handles this competently rather than spectacularly, which is a fair outcome given how hard the problem actually is.

Where Gotham Variable Falls Short

I want to be straight with you here, because most coverage of this launch reads like a press release with better formatting. Software support is uneven. Figma and modern browsers handle Gotham Variable well. Older versions of design and page-layout tools still lean on named instances, which limits how much of that continuous axis you actually get to use. If your team’s workflow depends heavily on legacy software, budget time to test before committing. Licensing is another open question worth asking your rep about directly. Existing Gotham licenses don’t automatically include Gotham Variable, and pricing varies by usage and platform. Confirm the terms before you plan a whole brand system around it. And again: Gotham Office, Gotham Rounded, and Gotham SSm are excluded from this update entirely. If you’re running one of those subfamilies in production, nothing here changes for you.

How to Actually Use Gotham Variable in Your Workflow

For Web Design

Set the weight and width axes directly through CSS using font-variation-settings, and pair Gotham Variable with a solid system-font fallback for browsers that don’t support variable fonts yet. Most current browsers handle it fine, but older environments still exist in the wild.

For Print and InDesign

Lean on named instances rather than fighting the software for a live slider. Build your weight and width choices into paragraph and character styles early, so the whole document stays consistent without manual adjustment on every headline.

For Brand Systems and Design Tokens

This is where Gotham Variable earns its keep. A design system built on tokens can reference specific weight and width values instead of a fixed list of static styles, giving teams more graduated control over hierarchy across a whole product.

Gotham Variable vs. Static Gotham: Quick Comparison

FeatureStatic GothamGotham VariableWeight controlFixed presets (Thin to Black)Continuous axis between presetsWidth optionsExtra Narrow, Narrow, StandardAdds a new Compact width plus continuous adjustmentFile structureDozens of separate static filesSingle consolidated variable file per width groupLanguage supportStandard Latin, Cyrillic, Greek coverageAdds Vietnamese and enhanced CyrillicIncluded subfamiliesIncludes Office, Rounded, and SSm variantsCore Gotham only; other subfamilies unchangedBest fitLegacy print workflows, older softwareWeb design, design tokens, modern brand systems

What This Means for the Next Decade of Institutional Type

A few predictions, based on where Gotham Variable currently sits. First, expect Monotype to apply this same retrofit approach across other flagship families it now owns. Gotham’s success here sets a template: pick a typeface with enough cultural weight to justify the engineering cost, then rebuild it as a variable system rather than launching something new. Second, design teams building component libraries will increasingly treat Gotham Variable as the default choice over static Gotham, simply because token-based systems favor continuous axes over fixed lists. Third, the addition of Vietnamese and enhanced Cyrillic signals that expanded script coverage will become a standard expectation for any typeface aiming at global institutional use, not a nice-to-have add-on. My personal bet: within a few years, licensing a major workhorse typeface without variable support will start to feel like buying a car without power steering. Technically fine, just needlessly harder than it has to be.

The Gotham Variable Font is available on MyFonts.

Frequently Asked Questions

Is Gotham Variable included in my existing Gotham license?

Not automatically. Gotham Variable is licensed separately from the standard static Gotham family. Check with Monotype or your existing font provider to confirm what your current license covers.

Does Gotham Variable work in Adobe InDesign?

Yes, though InDesign generally relies on named instances rather than a fully live weight and width slider, depending on your version. It’s functional, but it doesn’t offer the same continuous control you get in tools like Figma.

Can I use Gotham Variable directly in CSS on a website?

Yes. Gotham Variable supports standard variable font CSS properties, including font-variation-settings, which lets you set exact weight and width values for any element on a page.

What’s new about Gotham Variable’s width range?

Gotham Variable introduces a new Compact width that sits tighter than the previous Extra Narrow setting, along with 54 new intermediate styles across the width and weight range.

Does Gotham Variable support Vietnamese and Cyrillic?

Yes. The update expands language support to include Vietnamese and enhanced Cyrillic coverage, extending Gotham’s reach into markets the static family didn’t fully serve.

Are Gotham Office, Gotham Rounded, and Gotham SSm included in the variable upgrade?

No. Those subfamilies remain unchanged and are not part of the Gotham Variable release. Only the core Gotham family received the update.

Who designed Gotham Variable?

Gotham was originally designed by Jonathan Hoefler and Tobias Frere-Jones, with contributions from Jesse Ragan and Sara Soskolne. Gotham Variable’s release was led by Sara Soskolne, now Executive Creative Director at Monotype.

Where can I buy Gotham Variable?

Gotham Variable is available now through MyFonts.

Feel free to learn more about variable fonts and how to create them or browse our Fonts category to find more trending typefaces.

Subscribe to our newsletter!

#font #GothamVariable #GothamVariableFont #HoeflerCo #Monotype #sansSerif #VariableFont

Gotham Variable Font by Hoefler & Co.

I’ve specified Gotham on more projects than I can honestly count. Business cards, magazine layouts, a handful of branding decks that never made it past round two. So when Hoefler & Co. and Monotype announced Gotham Variable to mark the typeface’s 25th anniversary, I didn’t just skim the press release and move on. I installed the font, dropped it into real layouts, and pushed the weight and width sliders until something looked wrong. This article is what I found.

The Gotham Variable Font is available on MyFonts.

We already covered the entire Gotham font family in an earlier piece on WE AND THE COLOR, tracing the typeface from New York signage to the Obama campaign to the MoMA permanent collection. But I think that Gotham’s new variable font earns its own review because it changes how the typeface actually behaves inside a working file, not just what it represents culturally. That distinction matters more than most coverage of this launch has admitted.

Gotham Variable Font Hoefler & Co. The Gotham Variable Font is available on MyFonts.

What Actually Changed When Gotham Became a Variable Font?

Standard Gotham ships as separate static files. Thin, Book, Medium, Bold, Black—each one a discrete file, each one paired again across four widths and matching italics. If you wanted a custom in-between weight, you were out of luck. You picked the closest preset and moved on.

Gotham Variable removes that constraint. Weight and width now live on continuous axes inside a single file, so a designer can dial in a value that sits precisely between two old presets instead of snapping to the nearest one. Hoefler & Co., now published under Monotype since the foundry joined the company, built this specifically to mark Gotham’s 25th anniversary, and the update goes well past a marketing refresh.

The release adds 54 new intermediate styles, including a new Compact width that didn’t exist in the static family at all. It also expands language support to Vietnamese and enhanced Cyrillic, which matters if you’re building brand systems that need to run in more than one script. Gotham Variable is available now through Monotype Fonts, Monotype Connect, and MyFonts.

One detail gets buried in most coverage: the variable upgrade doesn’t touch every Gotham subfamily. Gotham Office, Gotham Rounded, Gotham Rounded SSm, and Gotham SSm stay exactly as they were. If your project depends on one of those, Gotham Variable won’t help you.

Why Hoefler & Co. Built This Now

Gotham first appeared publicly on the January 2001 cover of GQ, commissioned as a typeface that felt modern and geometric without losing warmth. The Obama campaign adopted it in 2008, and from there it became something closer to civic infrastructure than a font choice. Twenty-five years later, Monotype used that anniversary as the trigger for the variable release, and the timing isn’t subtle marketing. It’s overdue. Variable fonts have been a mainstream browser and design-tool feature since around 2019. Plenty of newer geometric sans-serifs launched with variable support baked in from day one. Gotham, by contrast, had to be retrofitted, and that’s a genuinely harder engineering problem than starting from scratch. Sara Soskolne, now Executive Creative Director at Monotype and lead designer on this release, put it plainly: she and her team “tried to imagine what this typeface could become” without losing what made it Gotham in the first place. Elsewhere, she’s described the challenge more bluntly: reverse engineering variability into an existing and very widely used family is a trickier task than building new.

My honest read: Gotham Variable isn’t catching up so much as it’s finally applying variable-font technology to a typeface important enough that the retrofit was worth the effort. Most fonts don’t get that treatment. Gotham has earned it through sheer ubiquity.

My Hands-On Test: Setting Up Gotham Variable

Getting the File Installed

The first thing I noticed was the file count. Where a full static Gotham license means juggling dozens of separate font files across weights, widths, and italics, Gotham Variable consolidates all of that into one streamlined file per width group. That’s not just tidier. It genuinely speeds up page load when you’re using Gotham Variable on the web, since the browser only fetches one file instead of requesting a new one every time a layout calls for a different weight.

Testing the Weight Axis in Figma and InDesign

In Figma, Gotham Variable behaves exactly the way you’d want a variable font to behave. A slider appears, and you can drag weight anywhere along the axis while watching the text update live. It’s genuinely satisfying to use, and it makes fine-tuning a headline against a specific layout far less fiddly than hunting through a dropdown of preset weights.

InDesign is a different story. Depending on your version, you still mostly work through named instances rather than a true live slider, so some of that continuous promise gets flattened back into presets anyway. It works, but it doesn’t feel like the same tool.

Testing the New Compact Width

Compact sits tighter than the old Extra Narrow setting, and it’s genuinely useful in dense layouts: navigation bars, data tables, anywhere horizontal space is at a premium. I ran a few headline tests at Compact, and the letterforms hold their proportions well. They don’t look artificially squeezed the way a manually condensed font usually does.

The Slider Precision Threshold: How Much Control Do You Actually Need?

Here’s a framework I want to introduce, because I think it’s the honest question nobody in the launch coverage is asking. Call it the Slider Precision Threshold: the point past which additional axis granularity in a variable font stops producing a visible design difference. In my own testing, nudging the Gotham Variable weight slider by a handful of points rarely changed anything a reader would notice. You need a meaningfully larger jump before the eye registers it. That doesn’t make the continuous axis pointless. It means the real value isn’t in micro-precision; it’s in landing exactly on the weight a layout needs without being boxed into six presets. The Slider Precision Threshold is where marketing language about “infinite expression” runs into the much more boring reality of how human vision actually works.

Script Parity Index: Judging the New Vietnamese and Cyrillic Support

Expanding a typeface’s script coverage is easy to announce and hard to do well. So here’s a second framework: the Script Parity Index, a simple test for whether an added script actually matches the visual DNA of the original design, rather than reading as a stylistically separate typeface bolted onto the same file. Gotham’s Cyrillic extension keeps the rounded bowls and open counters that define the Latin characters, which is exactly what you want. A script extension that abandons the source typeface’s proportions defeats the purpose of adding it. Vietnamese diacritics are notoriously difficult to integrate cleanly into a geometric sans, since the stacked accent marks can crowd a design that depends on generous spacing. Gotham Variable handles this competently rather than spectacularly, which is a fair outcome given how hard the problem actually is.

Where Gotham Variable Falls Short

I want to be straight with you here, because most coverage of this launch reads like a press release with better formatting. Software support is uneven. Figma and modern browsers handle Gotham Variable well. Older versions of design and page-layout tools still lean on named instances, which limits how much of that continuous axis you actually get to use. If your team’s workflow depends heavily on legacy software, budget time to test before committing. Licensing is another open question worth asking your rep about directly. Existing Gotham licenses don’t automatically include Gotham Variable, and pricing varies by usage and platform. Confirm the terms before you plan a whole brand system around it. And again: Gotham Office, Gotham Rounded, and Gotham SSm are excluded from this update entirely. If you’re running one of those subfamilies in production, nothing here changes for you.

How to Actually Use Gotham Variable in Your Workflow

For Web Design

Set the weight and width axes directly through CSS using font-variation-settings, and pair Gotham Variable with a solid system-font fallback for browsers that don’t support variable fonts yet. Most current browsers handle it fine, but older environments still exist in the wild.

For Print and InDesign

Lean on named instances rather than fighting the software for a live slider. Build your weight and width choices into paragraph and character styles early, so the whole document stays consistent without manual adjustment on every headline.

For Brand Systems and Design Tokens

This is where Gotham Variable earns its keep. A design system built on tokens can reference specific weight and width values instead of a fixed list of static styles, giving teams more graduated control over hierarchy across a whole product.

Gotham Variable vs. Static Gotham: Quick Comparison

FeatureStatic GothamGotham VariableWeight controlFixed presets (Thin to Black)Continuous axis between presetsWidth optionsExtra Narrow, Narrow, StandardAdds a new Compact width plus continuous adjustmentFile structureDozens of separate static filesSingle consolidated variable file per width groupLanguage supportStandard Latin, Cyrillic, Greek coverageAdds Vietnamese and enhanced CyrillicIncluded subfamiliesIncludes Office, Rounded, and SSm variantsCore Gotham only; other subfamilies unchangedBest fitLegacy print workflows, older softwareWeb design, design tokens, modern brand systems

What This Means for the Next Decade of Institutional Type

A few predictions, based on where Gotham Variable currently sits. First, expect Monotype to apply this same retrofit approach across other flagship families it now owns. Gotham’s success here sets a template: pick a typeface with enough cultural weight to justify the engineering cost, then rebuild it as a variable system rather than launching something new. Second, design teams building component libraries will increasingly treat Gotham Variable as the default choice over static Gotham, simply because token-based systems favor continuous axes over fixed lists. Third, the addition of Vietnamese and enhanced Cyrillic signals that expanded script coverage will become a standard expectation for any typeface aiming at global institutional use, not a nice-to-have add-on. My personal bet: within a few years, licensing a major workhorse typeface without variable support will start to feel like buying a car without power steering. Technically fine, just needlessly harder than it has to be.

The Gotham Variable Font is available on MyFonts.

Frequently Asked Questions

Is Gotham Variable included in my existing Gotham license?

Not automatically. Gotham Variable is licensed separately from the standard static Gotham family. Check with Monotype or your existing font provider to confirm what your current license covers.

Does Gotham Variable work in Adobe InDesign?

Yes, though InDesign generally relies on named instances rather than a fully live weight and width slider, depending on your version. It’s functional, but it doesn’t offer the same continuous control you get in tools like Figma.

Can I use Gotham Variable directly in CSS on a website?

Yes. Gotham Variable supports standard variable font CSS properties, including font-variation-settings, which lets you set exact weight and width values for any element on a page.

What’s new about Gotham Variable’s width range?

Gotham Variable introduces a new Compact width that sits tighter than the previous Extra Narrow setting, along with 54 new intermediate styles across the width and weight range.

Does Gotham Variable support Vietnamese and Cyrillic?

Yes. The update expands language support to include Vietnamese and enhanced Cyrillic coverage, extending Gotham’s reach into markets the static family didn’t fully serve.

Are Gotham Office, Gotham Rounded, and Gotham SSm included in the variable upgrade?

No. Those subfamilies remain unchanged and are not part of the Gotham Variable release. Only the core Gotham family received the update.

Who designed Gotham Variable?

Gotham was originally designed by Jonathan Hoefler and Tobias Frere-Jones, with contributions from Jesse Ragan and Sara Soskolne. Gotham Variable’s release was led by Sara Soskolne, now Executive Creative Director at Monotype.

Where can I buy Gotham Variable?

Gotham Variable is available now through MyFonts.

Feel free to learn more about variable fonts and how to create them or browse our Fonts category to find more trending typefaces.

Subscribe to our newsletter!

#font #GothamVariable #GothamVariableFont #HoeflerCo #Monotype #sansSerif #VariableFont