Source Sans font

Free · MIT

Source Sans 3, self-hosted (OFL-1.1), as an alternative to Inter. Import styles/candor-font-source-sans.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. Source Sans font isn’t added for you: run npx candor-ui add font-source-sans 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-source-sans

Usage

TSX · The example above

"use client"

import "@fontsource-variable/source-sans-3/wght.css"

// In your app, import styles/candor-font-source-sans.css after candor.css instead: it loads this and sets --cd-font.
const family = '"Source Sans 3 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 }}>
        Source Sans 3 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>
  )
}