What fonts does Svelte use?
Measured from the captured homepage: DM Serif Display for headings and EB Garamond for body copy.
Open full Svelte reference →Observed typography
- Heading font
- DM Serif Display
- Body font
- EB Garamond
- System
- Two-family hierarchy
How the page is built
Svelte's captured homepage has 6 sections and 3 inner pages.
- 3 content
- 1 footer
- 1 hero
- 1 showcase
Other sites that use this pair
No other captured site in this library uses this same pair of fonts.
Captured colors
The captured homepage uses these 3 colors, in capture order.
- #ffffff
- #262626
- #141414
Styles recorded: Light, Serif, Minimal.
Same category, same heading font
0 of the 90 other captured Technology sites in this library use DM Serif Display for headings.
Svelte's website font choices
Captured September 21, 2026. Read it with the full reference, where the palette, section order and responsive views sit next to the type.
A single family or a two-font system?
Svelte pairs DM Serif Display for headings with EB Garamond for body copy.
Compare it across the library
See the website font trends and the font pairing examples.
Svelte fonts — FAQ
What font does Svelte use?
Svelte uses DM Serif Display for headings and EB Garamond for body copy in the captured homepage.
Is DM Serif Display free to use?
Check the foundry license for DM Serif Display before shipping it. This page records what appeared on Svelte's site and grants no reuse rights.
What colors and sections were captured for Svelte?
3 colors (#ffffff, #262626, #141414) and 6 homepage sections, with 3 inner pages.
Which other sites use DM Serif Display and EB Garamond?
No other captured site in this library uses this same pair of fonts.
Fonts come from the rendered capture and may change when the site does. Library methodology