Spinnaker font pairings
Fonts that go with Spinnaker — live previews, pairing ideas and free embed code.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%
Spinnaker is a free sans serif typeface designed by Elena Albertoni, added to Google Fonts in 2011.
It comes in 1 weight.
It is the #586 most popular Latin font family on Google Fonts.
Spinnaker has a limited set of weights, so it is best used for headings or short text alongside a more extensive family.
Fonts that pair well with Spinnaker
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A modern twist on the classic: Spinnaker keeps headings crisp and contemporary, while Libre Baskerville's serifs guide the eye along longer lines of text.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A modern twist on the classic: Spinnaker keeps headings crisp and contemporary, while Cormorant Garamond's serifs guide the eye along longer lines of text.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A modern twist on the classic: Spinnaker keeps headings crisp and contemporary, while Crimson Text's serifs guide the eye along longer lines of text.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
Two sans serifs can work when they differ in structure: Spinnaker carries the headings, Montserrat handles text, and hierarchy comes from weight and size.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
Two sans serifs can work when they differ in structure: Spinnaker carries the headings, Poppins handles text, and hierarchy comes from weight and size.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
Two sans serifs can work when they differ in structure: Spinnaker carries the headings, IBM Plex Sans handles text, and hierarchy comes from weight and size.
Try Spinnaker in the pairing tool →
How to use Spinnaker on your website
<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=Spinnaker:wght@400&display=swap" rel="stylesheet">font-family: 'Spinnaker', sans-serif;Similar fonts to Spinnaker
Frequently asked questions
Is Spinnaker free for commercial use?
Yes. Spinnaker is distributed through Google Fonts under an open-source licence, so you can use it for free in personal and commercial projects, including websites, apps, logos and print.
What fonts go well with Spinnaker?
Good matches for Spinnaker include Libre Baskerville, Cormorant Garamond, Crimson Text and Montserrat. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.
Is Spinnaker a variable font?
No. Spinnaker is available as 1 static weight.
Who designed Spinnaker?
Spinnaker was designed by Elena Albertoni.