Syst Serif Wide

Sample text

Size 72 px

Italic

Variable axes

Weight wght 400

100 to 900

Styles

Variable 100–900 Handgloves & quiet type
Italic Variable 100–900 Handgloves & quiet type

Use Syst Serif Wide on a website

Choose the styles you need; fewer styles mean fewer files. The snippet loads them from the HeyMadeFonts CDN, which sets no cookies. Only styles that exist in this family are offered.

HTML in your page’s <head>

HTML

<link rel="preconnect" href="https://fonts.heymadefonts.com" crossorigin>
<link href="https://fonts.heymadefonts.com/css2?family=Syst+Serif+Wide:wght@400;700&display=swap" rel="stylesheet">

CSS rule

CSS

body {
  font-family: 'Syst Serif Wide', serif;
}

Or @import at the top of a stylesheet

CSS

@import url('https://fonts.heymadefonts.com/css2?family=Syst+Serif+Wide:wght@400;700&display=swap');

A <link> in the HTML starts the download sooner than @import, which waits for the stylesheet that contains it.

Self-host instead

To serve the files from your own domain, save each WOFF2 file below next to your CSS and use rules like these. The ZIP download contains the original TTF files, the licence and a README. Keep the licence with the fonts. Read the self-hosting guide.

Syst Serif Wide files and sizes
Style	Weight	Latin download (sum of Latin unicode-range slices served by the CDN)	Full WOFF2	File
Variable 100–900	100–900	29 KB	68 KB	syst-serif-wide-100-900.woff2
Italic Variable 100–900	100–900	31 KB	71 KB	syst-serif-wide-100-900-italic.woff2

“Latin download” is what a page using only Latin characters fetches through the CDN; the browser skips slices it does not need.

CSS, self-hosted

@font-face {
  font-family: 'Syst Serif Wide';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/syst-serif-wide-100-900.woff2') format('woff2');
}
@font-face {
  font-family: 'Syst Serif Wide';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/syst-serif-wide-100-900-italic.woff2') format('woff2');
}

About this family

Wide serif with wedge serifs with a small x-height and long ascenders, angled terminals and a two-storey a. It is available as a variable font covering cyrillic, cyrillic-ext, greek, latin, latin-ext, vietnamese.

Designer: HeyMadeFonts Foundry (from the upstream font metadata; listing a designer does not imply they endorse HeyMadeFonts)
Character sets: Cyrillic Cyrillic extended Greek Latin Latin extended Vietnamese Æ Ø Å supported
Released: 10 November 2026
Source: Designed by the HeyMadeFonts Foundry and generated from our own parametric source, revision 369569e7cab5.

Licence

Syst Serif Wide is licensed under OFL-1.1. You may use it in websites, apps and print, and redistribute it under the same licence. Read the full licence text.

Copyright and attribution

Designing something to print? Use this font in a print design on HeyMadeIt, our sister product for design and print.

Specimen