Font family
Spectral font
Spectral is a variable serif designed for screen reading. Its balanced proportions and optical sizing make it suited to long-form editorial.
The quick brown fox jumps over the lazy dog 0123456789
Uppercase
Lowercase
Digits
Punctuation
Click any glyph to copy it to your clipboard.
- 200Hamburgevons
- 300Hamburgevons
- 400Hamburgevons
- 500Hamburgevons
- 600Hamburgevons
- 700Hamburgevons
- 800Hamburgevons
Font Details
- Designer
- Production Type
- Foundry
- Production Type
- Source
- Google Fonts
- License
- OFL-1.1
- Category
- serif
- X-height
- medium
- Styles
- normal, italic
- Subsets
- latin, latin-ext, vietnamese
- Weights
- 200, 300, 400, 500, 600, 700, 800
- Variable
- Yes
- Popularity
- 76/100
- Tags
- transitional, serif, body, variable
- wghtmin 200max 800default 400
Character and Use Cases
Spectral , Spectral is a serif by Production Type with a tall, open posture and refined stroke contrast. It carries the authority of a classical book face while staying crisp on screen, which makes it a versatile editorial choice for brands that want intelligence over decoration.
Spectral works for long-form journalism, research, publishing, and any content-forward product. Its range from 200 to 800 covers delicate captions through strong headlines, and the italics read clearly as a designed cut. Use it for body text above 16px where the open counters keep paragraphs light.
300 to 400 for body and captions; 500 to 600 for subheadings; 700 to 800 for hero headlines. The light weights at 200 read best in large display settings where their delicacy is visible.
Production Code
Copy-paste into your project. No build step required.
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Spectral:wght@200;300;400;500;600;700;800&display=swap" rel="stylesheet">Pairings using Spectral
View allThe art of typography
Good typography is the visible voice of design, quiet when it should be, loud when it must.
PreviewSpectral + Plus Jakarta Sans
Spectral headings over Plus Jakarta Sans body. A variable serif built for screens sits on top of a rounded geometric sans built for brands.
The art of typography
Good typography is the visible voice of design, quiet when it should be, loud when it must.
PreviewPlus Jakarta Sans + Spectral
Plus Jakarta Sans headings over Spectral body. A rounded geometric sans for friendly titles and a variable serif tuned for screen reading in body.
The art of typography
Good typography is the visible voice of design, quiet when it should be, loud when it must.
PreviewSpectral + Inter
Spectral headings over Inter body. A variable serif built for screens on top of a neutral UI sans. A practical pairing for editorial SaaS sites and documentation hubs that want serif titles without losing readable UI body.
Frequently Asked Questions
- Is Spectral a good choice for body text on the web?
- Yes, its tall x-height and open apertures keep long paragraphs readable, which is unusual among high-contrast serifs and the main reason it suits editorial sites.
- How does Spectral pair with sans-serif UI?
- A Spectral heading above a neutral sans body is a classic editorial combination, and the contrast in structure makes the hierarchy obvious at a glance.
Test Spectral in the playground
Drop Spectral into the typography playground, mix it with another family, and check contrast on real text.