serif · v15

Source Serif 4

Try your own words

Every style 16

200WOFF2

The quick brown fox jumps over the lazy dog.

300WOFF2

The quick brown fox jumps over the lazy dog.

400WOFF2

The quick brown fox jumps over the lazy dog.

500WOFF2

The quick brown fox jumps over the lazy dog.

600WOFF2

The quick brown fox jumps over the lazy dog.

700WOFF2

The quick brown fox jumps over the lazy dog.

More styles (10)

800WOFF2

The quick brown fox jumps over the lazy dog.

900WOFF2

The quick brown fox jumps over the lazy dog.

200 italicWOFF2

The quick brown fox jumps over the lazy dog.

300 italicWOFF2

The quick brown fox jumps over the lazy dog.

400 italicWOFF2

The quick brown fox jumps over the lazy dog.

500 italicWOFF2

The quick brown fox jumps over the lazy dog.

600 italicWOFF2

The quick brown fox jumps over the lazy dog.

700 italicWOFF2

The quick brown fox jumps over the lazy dog.

800 italicWOFF2

The quick brown fox jumps over the lazy dog.

900 italicWOFF2

The quick brown fox jumps over the lazy dog.

Use this font

@font-face {
  font-family: "Source Serif 4";
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/[email protected]/latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

Download the regular WOFF2SHA-384 integrity: sha384-QH8kQ1dp35FXXdgaYtl6lRIMtjT62fMRls72L4GH5Apv6brOezk4QZWWj/Sam95h

Licence and source

OFL-1.1 · Licence and source files

https://github.com/google/fonts

Scripts: cyrillic, cyrillic-ext, greek, latin, latin-ext, vietnamese

Weights: 200, 300, 400, 500, 600, 700, 800, 900 · Styles: italic, normal

Suggested pairings

A heading in the other face over Source Serif 4 for the text, chosen by contrast of form, x-height and era. Suggestions, not rules.

A heading in DM Sans

And the text under it in Source Serif 4, the way a reader meets them together on a page.

DM Sans · contrasting sans-serif and serif forms; different x-height; classic and modern character

A heading in Fira Code

And the text under it in Source Serif 4, the way a reader meets them together on a page.

Fira Code · contrasting monospace and serif forms; different x-height; classic and modern character

A heading in Abril Fatface

And the text under it in Source Serif 4, the way a reader meets them together on a page.

Abril Fatface · contrasting display and serif forms