Pliant
Type with Purpose
Good typography guides attention, improves understanding, and makes communication effortless.
The Anatomy of a Typeface
By FontSide · July 2026
Every typeface is a system of decisions — about stroke contrast, x-height, spacing, and rhythm. The best ones feel invisible: you stop seeing the letters and start hearing the voice behind them. That transparency is the hardest thing to design.
A high x-height opens up the counters and makes small text breathe. Tight tracking pulls a headline together; loose tracking gives a caption room to exhale. None of these choices are accidents — they are arguments about how reading should feel.
Uppercase
Lowercase
Numerals
Symbols
Package Manager
The recommended way to use fonts in modern web projects.
1. Install Package
pnpm add @fontsource-variable/pliant2. Import in App
import '@fontsource-variable/pliant/wght.css';3. CSS Usage
body {
font-family: "Pliant Variable", sans-serif;
}Google Fonts CDN
Use Google's CDN to embed the fonts directly via HTML.
HTML <head>
<!-- Please select at least one weight and style -->Fontsource CDN
Skip the build step by adding this directly to your global CSS file.
Global CSS
/* pliant-latin-wght-normal */
@font-face {
font-family: "Pliant Variable";
font-style: normal;
font-display: swap;
font-weight: 100 900;
src: url(https://cdn.jsdelivr.net/fontsource/fonts/pliant:vf@latest/latin-wght-normal.woff2)
format("woff2-variations");
}Background & Story
Pliant typeface was conceived to address specific internal design needs. Built on the Swiss typographic tradition, Pliant offers a neutral and universal structure, making it suitable for a wide range of uses. Its design ensures clarity and consistency, especially in continuous text where legibility is a priority.
A distinctive feature of Pliant is its spacing, intentionally narrower than in many other typefaces. This decision was guided by practicality: it is easier to open up tight spacing to improve readability than to reduce spacing that is already too loose. This approach gives designers more control and flexibility when adapting the font to different contexts.
Considering these design variables, shapes, spacing, proportions we developed an additional variant aimed at headline usage. Non Pliant Normal works well for this purpose, but we felt the need for a complementary version that could pair seamlessly with it. The result is an extended variant that maintains the original spirit of Pliant while offering broader letterforms and slightly more pronounced details. This balance allows it to perform strongly in display settings without losing the rational qualities that define the family.
To contribute, see github.com/TheJonassss/Pliant.
Tags & Moods
Subsets
Install
pnpm add @fontsource-variable/pliantDesigned by
Non Foundry, Jona Saucedo
Links
License
OFL-1.1