An open-source serif from the Google Fonts library. Designed by Adobe / Frank Grießhammer.
Editorial pairings — Source Serif 4 as the lead voice, supported below.
Type is the voice of the page. A typeface paired well becomes a system — display and body holding hands across paragraphs, captions, code blocks. Specimen them next to each other before you commit.
Long-form serif under crisp UI headings.
View →Type is the voice of the page. A typeface paired well becomes a system — display and body holding hands across paragraphs, captions, code blocks. Specimen them next to each other before you commit.
Adobe's reading serif with Vercel's modern sans.
View →Type is the voice of the page. A typeface paired well becomes a system — display and body holding hands across paragraphs, captions, code blocks. Specimen them next to each other before you commit.
Editorial body, contemporary sans headlines.
View →Three lines of CSS. No build step, no font-loading library, no FOIT. Cached on Google Fonts CDN.
@import url("https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@200..900&display=swap");
body {
font-family: 'Source Serif 4', ui-serif, Georgia, serif;
font-weight: 400;
}