Work Sans
+ Spectral
Work Sans lives up to its name — practical, no-nonsense, perfect for headings. Spectral's literary serifs make long-form content a pleasure to read.
Live Preview
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. Good typography enhances the user experience and makes content more accessible.
Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. Good typography enhances the user experience and makes content more accessible.
Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. Good typography enhances the user experience and makes content more accessible.
CSS Code
/* Import */
@import url('https://fonts.googleapis.com/css2?family=Spectral:wght@400;500&family=Work+Sans:wght@600;700&display=swap');
/* Heading */
.heading {
font-family: 'Work Sans', serif;
font-weight: 700;
}
/* Body */
.body {
font-family: 'Spectral', sans-serif;
font-weight: 400;
}HTML Import
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Spectral:wght@400;500&family=Work+Sans:wght@600;700&display=swap" />Best for
Research, Academic, Long-form Content