Stack Sans Headline

Try Stack Sans Headline

Weights and styles

• ExtraLight 200Stack Sans Headline ExtraLight
• Light 300Stack Sans Headline Light
• Regular 400Stack Sans Headline Regular
• Medium 500Stack Sans Headline Medium
• SemiBold 600Stack Sans Headline SemiBold
• Bold 700Stack Sans Headline Bold

Stack Sans Headline is a variable font: the download holds the whole weight range in one file, and the named weights above are positions on that range.

About Stack Sans Headline

Stack Sans Headline is a sans serif family for large settings. Its letters are drawn with even strokes and round bowls and are fitted closely together: in the specimen the alphabet takes less width than that of its sibling Stack Sans Text at the same size. Shared details include a capital Q whose tail runs straight down through the bottom of the bowl, a single-storey g and an ampersand shaped like a figure eight with a bar. Stack Sans Headline is a variable font with a weight axis from 200 to 700 and six named instances, ExtraLight, Light, Regular, Medium, SemiBold and Bold. There are no italics. The file holds 520 glyphs for Latin and Latin Extended. The family is credited to Koto; the name table lists Koto and Dylan Young. The license is the SIL Open Font License 1.1.

Where Stack Sans Headline works

Landing page titles

Close fitting keeps a large headline compact, and the 200 to 700 axis allows a fine or a dark setting.

Campaign and brand headlines

The vertical Q tail and the figure-eight ampersand give a plain sans title recognisable details.

Titles above Stack Sans Text

Both cuts share six weights and the same letter shapes, so headline and body stay consistent.

Large numerals and statistics

Round, even-stroked figures hold up in the Bold weight at display sizes.

Glyphs

Language support

The family contains the core letters these languages are written with:

• English
• French
• German
• Spanish
• Portuguese
• Italian
• Dutch
• Swedish
• Norwegian
• Danish
• Finnish
• Icelandic
• Catalan
• Turkish
• Polish
• Czech
• Slovak
• Hungarian
• Romanian
• Croatian
• Slovenian
• Lithuanian
• Latvian
• Estonian

Character sets found in the files: latin, latin-ext. The language list is a check of required letters against the font, not a promise of typographic quality in each language.

License

Fonts that pair with Stack Sans Headline

Suggestions come from simple rules on the records: a contrasting classification and enough weights to carry body text. They are a starting point, not a verdict.

Use Stack Sans Headline on the web

Download the family and host the files on your own site, then declare them in CSS. Please do not link to the files on trendhub.net: preview files here are subsets and their addresses change.

@font-face {
  font-family: "Stack Sans Headline";
  src: url("/assets/fonts/StackSansHeadline-VariableFont_wght.ttf") format("truetype");
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Stack Sans Headline", sans-serif;
}

Or load it from the official source. Google Fonts serves Stack Sans Headline with this markup:

<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=Stack+Sans+Headline:wght@200..700&display=swap" rel="stylesheet">

Things to know

Made for large sizes

The Headline cut is set tighter than Stack Sans Text. For paragraphs, the Text sibling is the intended choice.

No italics, nothing above Bold

Six upright weights end at 700; there is no ExtraBold or Black.

The file opens at ExtraLight

The default position of the variable file is weight 200, so state the weight explicitly.

FAQs

Similar fonts

Other families in the same classification, ordered by shared use tags. All sans serif fonts