What font does awwwards.com use?

The typeface on awwwards.com is Inter Tight and InterTight VariableFont Wght, loaded across 2 @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 Tight
Total weights
1
@font-face
2
Source
Custom web font

Inter Tight

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

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

@font-face source

ttfhttps://assets.awwwards.com/assets/fonts/inter-tight/InterTight-VariableFont_wght.ttf

Get this font

Inter
Open source
Rasmus Andersson

Free for any use under the SIL Open Font License.

Get Inter from Rasmus Andersson

Free alternatives if you can't license Inter Tight

ManropeGoogle Fonts

Same neutral grotesque skeleton, slightly warmer terminals.

Open
DM SansGoogle Fonts

Closely matched x-height and aperture, a touch more geometric.

Open
GeistOpen source

Vercel's open-source grotesque, virtually interchangeable for product UI.

Used by 2 selectors on the page

InterTight VariableFont Wght

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 InterTight VariableFont Wght

font-family: 'InterTight VariableFont Wght', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

@font-face source

ttfhttps://assets.awwwards.com/assets/fonts/inter-tight/InterTight-VariableFont_wght.ttf

Get this font

InterTight VariableFont Wght
Commercial

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

Search for InterTight VariableFont Wght

Free alternatives if you can't license InterTight VariableFont Wght

ManropeGoogle Fonts

Same neutral grotesque skeleton, slightly warmer terminals.

Open
DM SansGoogle Fonts

Closely matched x-height and aperture, a touch more geometric.

Open
GeistOpen source

Vercel's open-source grotesque, virtually interchangeable for product UI.

Used by 0 selectors on the page

How awwwards.com loads its fonts

Get Font Info inspected the homepage of awwwards.com and parsed 0 stylesheets totalling 0 KB. Inside those stylesheets we found 2 @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 2 CSS rules reference them across the page.

Check the font on a specific element

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

Open live font inspector for awwwards.com

Frequently asked questions

What font does awwwards.com use?

awwwards.com uses Inter Tight and InterTight VariableFont Wght as its primary typefaces. These fonts are loaded from a self-hosted webfont and applied across 2 CSS rules on the homepage.

Where does awwwards.com load its fonts from?

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

What weights of Inter Tight does awwwards.com use?

awwwards.com loads Inter Tight in 1 weight: 100 900. 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 awwwards.com on my website?

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

Is the font on awwwards.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 awwwards.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 awwwards.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: how to find fonts on a website, name the font on a website, what font does this website use, or free font checker.