Skip to content
Esc
↑↓navigate↵open⌘Jpreview
On this page

Geist Sans

Alternate sans serif with nine weights, real italics, and variable weight control.

Geist Sans is an alternate sans serif. Makira remains the default sans; load Geist Sans separately when its voice fits the project. For serif typography, use Geist Serif. Its CSS family names remain "Geist" and "Geist Variable".

Preview

Try a continuous weight from 100 to 900, and switch between normal and italic.

450

Make the headline count. ij!? 0123456789

font-family: "Geist Variable"; font-weight: 450;

Install

<link rel="stylesheet" href="https://cdn.shaughv.com/fonts/geist/geist.css" />

Usage

.interface {
  font-family: "Geist", system-ui, sans-serif;
  font-weight: 400;
  font-synthesis: none;
}
.interface em { font-style: italic; }
.continuous-weight {
  font-family: "Geist Variable", system-ui, sans-serif;
  font-weight: 450;
}

Details

Build Formats Weights CSS family Styles
Static WOFF2, TTF, OTF 100–900 in steps of 100 "Geist" Normal and italic
Variable WOFF2, TTF Continuous 100–900 "Geist Variable" Normal and italic

All 58 supplied version 1.900 files are hosted without changing their bytes: 18 static faces in each of three formats, plus four variable files. The stylesheet uses WOFF2. The webfonts directory is normalized to woff2; variable files use Geist-Variable and Geist-Italic-Variable filenames.

Use the static family for named weights, or the separate variable family for intermediate values. Both provide real italics. This alternate stays outside the combined standard stylesheet.

Reference

Family metadata records every supplied filename, published path, checksum, version, weight, style, axis, and inspected OpenType tags. Use fonts.geist in the live catalog for installation snippets and current files.

Geist is released by Vercel’s Geist project under SIL Open Font License 1.1. Keep the OFL and copyright notice with redistributed files. Geist Mono is the related default mono.

Was this page helpful?