What font does svelte.dev use?

The typeface on svelte.dev is Fira Sans, Fira Mono and DM Serif Display, loaded across 85 @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

Fira Sans

Total weights

@font-face

Source

Mixed

Fira Sans

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 Fira Sans

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

@font-face source

woff2https://svelte.dev/_app/immutable/assets/fira-sans-cyrillic-ext-400-normal.Cycyekte.woff2

Get this font

Fira Sans

Open source

Mozilla / Carrois Apostrophe

Free on Google Fonts under the SIL OFL.

Get Fira Sans from Mozilla / Carrois Apostrophe

Free alternatives if you can't license Fira Sans

InterGoogle Fonts

Tighter alternative with better UI hinting.

Open

IBM Plex SansGoogle Fonts

Same humanist warmth and technical character.

Open

Work SansGoogle Fonts

Open grotesque with similar proportions.

Open

Used by 4 selectors on the page

Fira 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 Fira Mono

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

@font-face source

woff2https://svelte.dev/_app/immutable/assets/fira-mono-cyrillic-ext-400-normal.FAIU8e3o.woff2

Get this font

Fira Mono

Commercial

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

Search for Fira Mono

Free alternatives if you can't license Fira 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

DM Serif Display

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 DM Serif Display

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

@font-face source

woff2https://svelte.dev/_app/immutable/assets/dm-serif-display-latin-ext-400-normal.p18AlW_x.woff2

Get this font

DM Serif Display

Open source

Colophon Foundry

Free on Google Fonts under the SIL OFL.

Get DM Serif Display from Colophon Foundry

Free alternatives if you can't license DM Serif Display

Playfair DisplayGoogle Fonts

High-contrast didone with similar editorial weight.

Open

Cormorant GaramondGoogle Fonts

More refined didone alternative.

Open

Libre Caslon DisplayGoogle Fonts

Classic display serif, comparable elegance.

Open

Used by 1 selector on the page

Atkinson Hyperlegible

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 Atkinson Hyperlegible

font-family: 'Atkinson Hyperlegible', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

@font-face source

woff2https://svelte.dev/_app/immutable/assets/atkinson-hyperlegible-latin-ext-400-normal.DRk46D-x.woff2

Get this font

Atkinson Hyperlegible

Commercial

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

Search for Atkinson Hyperlegible

Free alternatives if you can't license Atkinson Hyperlegible

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

Dm Serif Display.C5 T9oOD

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 Dm Serif Display.C5 T9oOD

font-family: 'Dm Serif Display.C5 T9oOD', Georgia, 'Times New Roman', serif;

@font-face source

woff2https://svelte.dev/_app/immutable/assets/dm-serif-display-latin-400-normal.C5_t9oOD.woff2

Get this font

Dm Serif Display.C5 T9oOD

Commercial

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

Search for Dm Serif Display.C5 T9oOD

Free alternatives if you can't license Dm Serif Display.C5 T9oOD

Playfair DisplayGoogle Fonts

High-contrast didone with similar editorial weight.

Open

Cormorant GaramondGoogle Fonts

More refined didone alternative.

Open

Libre Caslon DisplayGoogle Fonts

Classic display serif, comparable elegance.

Open

Used by 0 selectors on the page

EB Garamond

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (2)

400Typography sets the voice of a brand

500Typography sets the voice of a brand

CSS to use EB Garamond

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

@font-face source

woff2https://svelte.dev/_app/immutable/assets/eb-garamond-cyrillic-ext-400-normal.CBMNjBwz.woff2

Get this font

EB Garamond

Open source

Georg Duffner

Free on Google Fonts under the SIL OFL.

Get EB Garamond from Georg Duffner

Free alternatives if you can't license EB Garamond

Cormorant GaramondGoogle Fonts

Refined sibling with more contrast.

Open

Crimson ProGoogle Fonts

Modern Garamond derivative.

Open

LoraGoogle Fonts

Warmer alternative for body text.

Open

Used by 0 selectors on the page

Eb Garamond.DSJrtJSV

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 Eb Garamond.DSJrtJSV

font-family: 'Eb Garamond.DSJrtJSV', Georgia, 'Times New Roman', serif;

@font-face source

woff2https://svelte.dev/_app/immutable/assets/eb-garamond-latin-400-normal.DSJrtJSV.woff2

Get this font

Eb Garamond.DSJrtJSV

Commercial

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

Search for Eb Garamond.DSJrtJSV

Free alternatives if you can't license Eb Garamond.DSJrtJSV

Cormorant GaramondGoogle Fonts

Refined sibling with more contrast.

Open

Crimson ProGoogle Fonts

Modern Garamond derivative.

Open

LoraGoogle Fonts

Warmer alternative for body text.

Open

Used by 0 selectors on the page

Fira Sans.a0AnQzuD

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 Fira Sans.a0AnQzuD

font-family: 'Fira Sans.a0AnQzuD', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

@font-face source

woff2https://svelte.dev/_app/immutable/assets/fira-sans-latin-400-normal.a0AnQzuD.woff2

Get this font

Fira Sans.a0AnQzuD

Commercial

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

Search for Fira Sans.a0AnQzuD

Free alternatives if you can't license Fira Sans.a0AnQzuD

InterGoogle Fonts

Tighter alternative with better UI hinting.

Open

IBM Plex SansGoogle Fonts

Same humanist warmth and technical character.

Open

Work SansGoogle Fonts

Open grotesque with similar proportions.

Open

Used by 0 selectors on the page

Georgia

System font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Georgia

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

Get this font

Georgia

System font

Microsoft (Matthew Carter)

Bundled with Windows and macOS.

Get Georgia from Microsoft (Matthew Carter)

Free alternatives if you can't license Georgia

LoraGoogle Fonts

Free web serif with similar warmth and readability.

Open

MerriweatherGoogle Fonts

Heavier alternative with better screen rendering.

Open

Source Serif 4Google Fonts

Cleaner contemporary alternative.

Open

Used by 2 selectors on the page

How svelte.dev loads its fonts

Get Font Info inspected the homepage of svelte.dev and parsed 6 stylesheets totalling 108.9 KB. Inside those stylesheets we found 85 @font-face declarations — the rules a browser uses to download and register a custom typeface. The primary typefaces are served from mixed, and 11 CSS rules reference them across the page.

Check the font on a specific element

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

Open live font inspector for svelte.dev

Frequently asked questions

What font does svelte.dev use?

svelte.dev uses Fira Sans, Fira Mono and DM Serif Display as its primary typefaces. These fonts are loaded from a self-hosted webfont and the operating system and applied across 11 CSS rules on the homepage.

Where does svelte.dev load its fonts from?

svelte.dev loads its fonts from a self-hosted webfont and the operating system. Get Font Info detected 85 @font-face declarations across 6 stylesheets on the live page.

What weights of Fira Sans does svelte.dev use?

svelte.dev loads Fira Sans in 2 weights: 400, 500. 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 svelte.dev on my website?

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

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

What font does duolingo.com use?What font does nfl.com use?What font does gitlab.com use?What font does wix.com use?What font does vuejs.org use?What font does deno.com use?

About this page

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