What font does fly.io use?

The typeface on fly.io is Mackinac, Fricolage Grotesque and Fragment Mono, loaded across 14 @font-face declarations. Every font family, weight and source on this page is read straight from the live CSS — no image guessing, no machine learning, just the rules the browser used.

Primary font

Mackinac

Total weights

@font-face

Source

Mixed

Mackinac

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (2)

500Typography sets the voice of a brand

700Typography sets the voice of a brand

CSS to use Mackinac

font-family: Mackinac, Georgia, 'Times New Roman', serif;

@font-face source

woff2https://fly.io/phx/ui/fonts/mackinac-medium.woff2

Get this font

Mackinac

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for Mackinac

Free alternatives if you can't license Mackinac

LoraGoogle Fonts

Workhorse free serif with great screen rendering.

Open

Source Serif 4Google Fonts

Cleaner contemporary alternative.

Open

MerriweatherGoogle Fonts

Heavier sibling for editorial body copy.

Open

Used by 7 selectors on the page

Fricolage Grotesque

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

100 900Typography sets the voice of a brand

CSS to use Fricolage Grotesque

font-family: 'Fricolage Grotesque', Georgia, 'Times New Roman', serif;

@font-face source

woff2https://fly.io/phx/ui/fonts/fricolage-grotesque.var.woff2

Get this font

Fricolage Grotesque

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for Fricolage Grotesque

Free alternatives if you can't license Fricolage Grotesque

LoraGoogle Fonts

Workhorse free serif with great screen rendering.

Open

Source Serif 4Google Fonts

Cleaner contemporary alternative.

Open

MerriweatherGoogle Fonts

Heavier sibling for editorial body copy.

Open

Used by 5 selectors on the page

Fragment Mono

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Fragment Mono

font-family: 'Fragment Mono', ui-monospace, SFMono-Regular, monospace;

@font-face source

woff2https://fly.io/phx/ui/fonts/fragment-mono-regular.woff2

Get this font

Fragment Mono

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for Fragment Mono

Free alternatives if you can't license Fragment Mono

JetBrains MonoGoogle Fonts

Modern free mono tuned for code.

Open

IBM Plex MonoGoogle Fonts

Distinctive alternative with strong personality.

Open

Fira CodeGoogle Fonts

Mono with programmer ligatures.

Open

Used by 0 selectors on the page

Fricolage Grotesque.var

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Fricolage Grotesque.var

font-family: 'Fricolage Grotesque.var', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

@font-face source

woff2https://fly.io/phx/ui/fonts/fricolage-grotesque.var.woff2

Get this font

Fricolage Grotesque.var

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for Fricolage Grotesque.var

Free alternatives if you can't license Fricolage Grotesque.var

InterGoogle Fonts

Safe, neutral free sans-serif that works in nearly any layout.

Open

ManropeGoogle Fonts

Slightly warmer humanist alternative.

Open

DM SansGoogle Fonts

Cleaner geometric sibling.

Open

Used by 0 selectors on the page

SF Mono

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use SF Mono

font-family: 'SF Mono', ui-monospace, SFMono-Regular, monospace;

Get this font

SF Mono

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for SF Mono

Free alternatives if you can't license SF Mono

JetBrains MonoGoogle Fonts

Modern free mono tuned for code.

Open

IBM Plex MonoGoogle Fonts

Distinctive alternative with strong personality.

Open

Fira CodeGoogle Fonts

Mono with programmer ligatures.

Open

Used by 2 selectors on the page

Helvetica Neue

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Helvetica Neue

font-family: 'Helvetica Neue', Georgia, 'Times New Roman', serif;

Get this font

Helvetica Neue

Commercial

Linotype / Monotype

Sold by Monotype. Helvetica Now is the modernised cut.

Get Helvetica Neue from Linotype / Monotype

Free alternatives if you can't license Helvetica Neue

InterGoogle Fonts

Free alternative explicitly tuned for UI.

Open

ManropeGoogle Fonts

Slightly warmer and more modern.

Open

Work SansGoogle Fonts

Neutral grotesque with similar bones.

Open

Used by 1 selector on the page

How fly.io loads its fonts

Get Font Info inspected the homepage of fly.io and parsed 1 stylesheet totalling 664.9 KB. Inside those stylesheets we found 14 @font-face declarations — the rules a browser uses to download and register a custom typeface. The primary typefaces are served from mixed, and 34 CSS rules reference them across the page.

Check the font on a specific element

Open the live inspector and hover any text on fly.io to see the exact font, weight, size and line-height for that element.

Open live font inspector for fly.io

Frequently asked questions

What font does fly.io use?

fly.io uses Mackinac, Fricolage Grotesque and Fragment Mono as its primary typefaces. These fonts are loaded from a self-hosted webfont and an unknown source and applied across 34 CSS rules on the homepage.

Where does fly.io load its fonts from?

fly.io loads its fonts from a self-hosted webfont and an unknown source. Get Font Info detected 14 @font-face declarations across 1 stylesheet on the live page.

What weights of Mackinac does fly.io use?

fly.io loads Mackinac in 4 weights: 100 900, 400, 500, 700. If you want to match the look, request the same weights from your font host so you only ship what's actually used.

Can I use the same font as fly.io on my website?

Yes — once you know the font name, you can load it from the same source. If Mackinac isn't a fit (licensing, weight selection, look-and-feel), close alternatives include Lora, Source Serif 4 and Merriweather. Use the CSS snippet on this page as a starting point.

Is the font on fly.io free to use?

These fonts are self-hosted webfonts. They may be licensed commercially from a type foundry, custom-made for the brand, or freely available — you would need to identify the typeface and check its license at the foundry.

See fonts used by other sites

Compare the typography on fly.io with how other well-known sites load and use their fonts.

What font does hubspot.com use?What font does airtable.com use?What font does discord.com use?What font does google.com use?What font does x.com use?What font does twitter.com use?

About this page

This page lists the fonts loaded by the homepage of fly.io. Get Font Info reads the live CSS — every @font-face rule, every font-family declaration — so you see the exact fonts the browser used, not an image-based guess.

More guides: find the font on any website, identify the typeface on a webpage, check what font a website is using, or URL font checker.