@kadena/fonts

Getting started

Easily import Kadena fonts.

import { KodeMono } from '@kadena/fonts'

// Basic implementation, return the Kode Mono Regular (weight: 400) font
const font = KodeMono()

// With specific weight
const font = KodeMono({
  weight: 400,
})

// With specific fallback
const font = KodeMono({
  weight: 400,
  fallback: 'Courier New, monospace',
})

Usage

// Using classnames
<div>
  <code className={font.className}>
    ...
  </code>
</div>

or

// Using css font variable

const { variable } = KodeMono({
  weight: 400,
})

.my-code {
  font-family: var(--replace-with-the-variable-return-string-value);
}