What font does weather.com use?

The typeface on weather.com is Inter, 83afe278b6a6bb3c S.p.0q 301v4kxxnr and Inter Fallback, loaded across 30 @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

Inter

Total weights

@font-face

Source

Custom web font

Inter

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (4)

400Typography sets the voice of a brand

500Typography sets the voice of a brand

600Typography sets the voice of a brand

700Typography sets the voice of a brand

CSS to use Inter

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

@font-face source

woff2https://weather.com/_next/static/media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2?dpl=dpl_HV7dtxnpVuqygw6b8XoWr9abKNSk

Similar fonts

ManropeGeistDM Sans

Used by 2 selectors on the page

83afe278b6a6bb3c S.p.0q 301v4kxxnr

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 83afe278b6a6bb3c S.p.0q 301v4kxxnr

font-family: '83afe278b6a6bb3c S.p.0q 301v4kxxnr', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

@font-face source

woff2https://weather.com/_next/static/media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2?dpl=dpl_HV7dtxnpVuqygw6b8XoWr9abKNSk

Similar fonts

InterManropeDM Sans

Used by 0 selectors on the page

Inter Fallback

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 Inter Fallback

font-family: 'Inter Fallback', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

Similar fonts

ManropeGeistDM Sans

Used by 0 selectors on the page

How weather.com loads its fonts

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

Check the font on a specific element

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

Open live font inspector for weather.com

Frequently asked questions

What font does weather.com use?

weather.com uses Inter, 83afe278b6a6bb3c S.p.0q 301v4kxxnr and Inter Fallback as its primary typefaces. These fonts are loaded from a self-hosted webfont and applied across 8 CSS rules on the homepage.

Where does weather.com load its fonts from?

weather.com loads its fonts from a self-hosted webfont. Get Font Info detected 30 @font-face declarations across 3 stylesheets on the live page.

What weights of Inter does weather.com use?

weather.com loads Inter in 4 weights: 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 weather.com on my website?

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

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

What font does figma.com use?What font does supabase.com use?What font does astro.build use?What font does python.org use?What font does cloudflare.com use?What font does digitalocean.com use?

About this page

This page lists the fonts loaded by the homepage of weather.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: find the font on any website, identify the typeface on a webpage, check what font a website is using, or URL font checker.