What font does theatlantic.com use?

The typeface on theatlantic.com is Logic Monospace, AGaramondPro and Graphik, loaded across 52 @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
Logic Monospace
Total weights
5
@font-face
52
Source
Mixed

Logic Monospace

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (2)

300Typography sets the voice of a brand
400Typography sets the voice of a brand

CSS to use Logic Monospace

font-family: 'Logic Monospace', ui-monospace, SFMono-Regular, monospace;

@font-face source

woff2https://www.theatlantic.com/packages/fonts/logic/LogicMonospace-Medium.woff2

Similar fonts

InterManropeDM Sans
Used by 45 selectors on the page

AGaramondPro

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (3)

400Typography sets the voice of a brand
600Typography sets the voice of a brand
700Typography sets the voice of a brand

CSS to use AGaramondPro

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

@font-face source

woff2https://www.theatlantic.com/packages/fonts/garamond/AGaramondPro-Regular.woff2

Similar fonts

InterManropeDM Sans
Used by 33 selectors on the page

Graphik

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (2)

400Typography sets the voice of a brand
600Typography sets the voice of a brand

CSS to use Graphik

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

@font-face source

woff2https://www.theatlantic.com/packages/fonts/graphik/Graphik-Regular-Web.woff2

Similar fonts

InterManropeDM Sans
Used by 29 selectors on the page

Atlantic Serif

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (4)

300Typography sets the voice of a brand
400Typography sets the voice of a brand
500Typography sets the voice of a brand
600Typography sets the voice of a brand

CSS to use Atlantic Serif

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

@font-face source

woff2https://www.theatlantic.com/packages/fonts/atlantic/AtlanticCondensed-Regular.woff2

Similar fonts

InterManropeDM Sans
Used by 5 selectors on the page

Druk

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

700Typography sets the voice of a brand

CSS to use Druk

font-family: Druk, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

@font-face source

woff2https://www.theatlantic.com/packages/fonts/druk/Druk-Heavy-Web.woff2

Similar fonts

InterManropeDM Sans
Used by 0 selectors on the page

Goldwyn

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (2)

300Typography sets the voice of a brand
400Typography sets the voice of a brand

CSS to use Goldwyn

font-family: Goldwyn, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

@font-face source

woff2https://www.theatlantic.com/packages/fonts/logic/LogicMonospace-Medium.woff2

Similar fonts

InterManropeDM Sans
Used by 0 selectors on the page

Gridular

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 Gridular

font-family: Gridular, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

@font-face source

woff2https://www.theatlantic.com/packages/fonts/gridular/Gridular-Regular.woff2

Similar fonts

InterManropeDM Sans
Used by 0 selectors on the page

Atlantic Condensed

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Atlantic Condensed

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

Similar fonts

InterManropeDM Sans
Used by 3 selectors on the page

apple-system

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use apple-system

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

Similar fonts

InterManropeDM Sans
Used by 1 selector on the page

arial

System font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use arial

font-family: arial, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

Similar fonts

InterDM SansRoboto
Used by 1 selector on the page

How theatlantic.com loads its fonts

Get Font Info inspected the homepage of theatlantic.com and parsed 3 stylesheets totalling 137.9 KB. Inside those stylesheets we found 52 @font-face declarations — the rules a browser uses to download and register a custom typeface. The primary typefaces are served from mixed, and 122 CSS rules reference them across the page.

Check the font on a specific element

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

Open live font inspector for theatlantic.com

Frequently asked questions

What font does theatlantic.com use?

theatlantic.com uses Logic Monospace, AGaramondPro and Graphik as its primary typefaces. These fonts are loaded from a self-hosted webfont, an unknown source and the operating system and applied across 122 CSS rules on the homepage.

Where does theatlantic.com load its fonts from?

theatlantic.com loads its fonts from a self-hosted webfont, an unknown source and the operating system. Get Font Info detected 52 @font-face declarations across 3 stylesheets on the live page.

What weights of Logic Monospace does theatlantic.com use?

theatlantic.com loads Logic Monospace in 5 weights: 300, 400, 500, 600, 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 theatlantic.com on my website?

Yes — once you know the font name, you can load it from the same source. If Logic Monospace isn't a fit (licensing, weight selection, look-and-feel), close alternatives include Inter, Manrope and DM Sans. Use the CSS snippet on this page as a starting point.

Is the font on theatlantic.com 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 theatlantic.com with how other well-known sites load and use their fonts.

About this page

This page lists the fonts loaded by the homepage of theatlantic.com. 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: discover fonts used on a site, identify a font from a website URL, see what fonts a website uses, or online font checker.