IBM Plex Sans font

Free · MIT

IBM Plex Sans, self-hosted (OFL-1.1), as an alternative to Inter. Import styles/candor-font-ibm-plex.css after candor.css; it points --cd-font at it.

Markdown

Version 5.2.0· other versions

This page is for 5.2.0, the current release. An earlier release’s page is the Markdown that release published, so the docs match the version you have installed (candor-lock.json records it).

Not in the docs of 1.3.0, 1.4.0, 1.5.0, 1.5.1, 1.6.0, 1.7.0, 1.8.0, 1.8.1, 1.9.0 and 1.9.1: the page came later, or had another name then.

Docs pages weren’t kept for 1.0.0, 1.0.1, 1.1.0, 1.1.1, 1.2.0 and 1.2.1: they are kept from 1.3.0 on, and before that only llms.txt was published.

Preview

Install

With the Candor CLI

Open the starter in StackBlitz

Opens the free starter app in StackBlitz, in your browser, on stackblitz.com. IBM Plex Sans font isn’t added for you: run npx candor-ui add font-ibm-plex in its terminal. The starter’s agent needs an Anthropic API key to chat; without one it shows the components only.

First time? Get started sets up the registry and theme. Or with shadcn directly: npx shadcn@latest add @candor/font-ibm-plex

Usage

TSX · The example above

"use client"

import "@fontsource-variable/ibm-plex-sans/wght.css"

// In your app, import styles/candor-font-ibm-plex.css after candor.css instead: it loads this and sets --cd-font.
const family = '"IBM Plex Sans Variable", system-ui, sans-serif'

export default function Example() {
  return (
    <div className="max-w-lg space-y-1" style={{ fontFamily: family }}>
      <p className="text-lg" style={{ fontWeight: 620 }}>
        IBM Plex Sans in Candor
      </p>
      <p className="text-sm">The agent read 14 records and changed 3. Nothing was sent.</p>
      <p className="text-sm tabular-nums" style={{ fontWeight: 400 }}>
        0123456789 · $1,204.50 · 12 Mar 2026
      </p>
    </div>
  )
}