Skip to main content
Geist is a typeface crafted for developers by Vercel, designers, and anyone who values clarity and precision. It began as a monospace font, designed to maximize readability and integrate seamlessly into coding and technical environments. After refining the monospace variant, Geist expanded into a versatile sans-serif version, offering flexibility for a wide range of digital and web applications. Built on principles of simplicity, minimalism, and speed, and inspired by the Swiss design tradition, Geist prioritizes precision, clarity, and functionality. It enhances the visual experience, helping users communicate ideas effectively through clean, modern typography. With its thoughtful design and balanced aesthetics, Geist embodies the spirit of contemporary digital design practical, refined, and approachable.

​
Preview:

image.png Using Geist on the Web: You can use Geist by including it via Google Fonts or other sources, for Google Fonts, add the following line to your <head> section:
geist.html
<link href="https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap" rel="stylesheet">
Then, in your css, apply it like so:
geist.css
body {
    font-family: 'Geist', sans-serif;
}
Alternatively, you can download Geist from its official page and include the font files directly in your project from Geist’s official page. Many frameworks, like Next.js, also support direct integration for optimized performance.