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);
}