What font does glossier.com use?

The typeface on glossier.com is Apercu and Apercu Mono, loaded across 18 @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

Apercu

Total weights

@font-face

Source

Custom web font

Apercu

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (4)

200 300Typography sets the voice of a brand

400Typography sets the voice of a brand

500Typography sets the voice of a brand

600 700Typography sets the voice of a brand

CSS to use Apercu

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

@font-face source

woffhttps://www.glossier.com/cdn/shop/t/1440/assets/Apercu-Light.woff?v=20913981759846774721784030989

Get this font

Apercu

Commercial

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

Search for Apercu

Free alternatives if you can't license Apercu

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 51 selectors on the page

Apercu Mono

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400 500Typography sets the voice of a brand

CSS to use Apercu Mono

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

@font-face source

woffhttps://www.glossier.com/cdn/shop/t/1440/assets/Apercu-Mono.woff?v=95926578357820724491784030989

Get this font

Apercu Mono

Commercial

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

Search for Apercu Mono

Free alternatives if you can't license Apercu 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 6 selectors on the page

How glossier.com loads its fonts

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

Check the font on a specific element

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

Open live font inspector for glossier.com

Frequently asked questions

What font does glossier.com use?

glossier.com uses Apercu and Apercu Mono as its primary typefaces. These fonts are loaded from a self-hosted webfont and applied across 61 CSS rules on the homepage.

Where does glossier.com load its fonts from?

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

What weights of Apercu does glossier.com use?

glossier.com loads Apercu in 5 weights: 200 300, 400, 400 500, 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 glossier.com on my website?

Yes — once you know the font name, you can load it from the same source. If Apercu 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 glossier.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 glossier.com with how other well-known sites load and use their fonts.

What font does fifa.com use?What font does bitbucket.org use?What font does wordpress.com use?What font does vuejs.org use?What font does deno.com use?What font does docker.com use?

About this page

This page lists the fonts loaded by the homepage of glossier.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.