Free Creative Assets

Sans-serif · Google Fonts · #133 most popular

Josefin Sans font: free download & CSS embed

Josefin Sans is a free, open-source sans-serif typeface from Google Fonts with 14 styles (7 weights, italics) and 3 character subsets. Free for commercial use under the SIL Open Font License or Apache 2.0.

Josefin Sans
Sphinx of black quartz, judge my vow. Pack my box with five dozen liquor jugs.

Click the text above to type your own preview.

Weights & styles

100

The quick brown fox jumps over the lazy dog 0123456789

200

The quick brown fox jumps over the lazy dog 0123456789

300

The quick brown fox jumps over the lazy dog 0123456789

400

The quick brown fox jumps over the lazy dog 0123456789

500

The quick brown fox jumps over the lazy dog 0123456789

600

The quick brown fox jumps over the lazy dog 0123456789

700

The quick brown fox jumps over the lazy dog 0123456789

Italic

The quick brown fox jumps over the lazy dog 0123456789

Embed Josefin Sans with Google Fonts

<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=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">

<style>
  body { font-family: "Josefin Sans", sans-serif; }
</style>
stylesheet URL

Self-host Josefin Sans (faster, GDPR-friendly)

Download the ZIP above and serve the woff2 files from your own domain:

@font-face {
  font-family: "Josefin Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/josefinsans/v34/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_DjQbMZhLw.woff2") format("woff2");
}

About the Josefin Sans typeface

Josefin Sans is a sans-serif font family distributed through Google Fonts (version v34, last updated 2025-09-05). It supports the latin, latin-ext, vietnamese subsets, which makes it suitable for multilingual websites, apps and print. Available styles: 100, 200, 300, 400, 500, 600, 700, 100 italic, 200 italic, 300 italic, 400 italic, 500 italic, 600 italic, 700 italic.

When to use Josefin Sans

Sans-serif fonts like this one are the workhorse of UI design: use it for body text, navigation, buttons and dashboards where legibility at small sizes matters. Pair it with a serif for headlines to add contrast.

License

Like all Google Fonts, Josefin Sans is open source. It can be used freely in commercial projects, websites, apps, logos and printed products, and it can be redistributed and self-hosted under the terms of its license (OFL 1.1 or Apache 2.0).

Frequently asked questions

Is Josefin Sans free for commercial use?

Yes. Josefin Sans is published on Google Fonts under an open-source license, so you can use it in commercial websites, apps, logos and print without paying royalties.

How do I download Josefin Sans?

Use the download button on this page to get a ZIP with woff2, woff and ttf files for Josefin Sans, or download the family from Google Fonts. Install the TTF files on Windows or macOS to use it in Figma, Photoshop or Word.

How do I add Josefin Sans to my website?

Copy the Google Fonts stylesheet link from this page into your HTML head, then set font-family: "Josefin Sans" in CSS. For best performance and privacy, self-host the woff2 files instead.

What weights does Josefin Sans have?

Josefin Sans ships with 14 styles: 100, 200, 300, 400, 500, 600, 700, 100 italic, 200 italic, 300 italic, 400 italic, 500 italic, 600 italic, 700 italic.

Looking for a motion designer?

Free Creative Assets is built by Serhii Dovhyi (Sergey Designer), a Top Rated Plus motion designer with 330+ delivered projects.

See portfolio ↗