> **Version 9** — **React** / **TypeScript**
> Also available:
- `?codeOnly=true` for code snippets only
- other versions: Version 10.3 (latest) (`/docs/api/doc-blocks/doc-block-typeset.md`), Version 8 (`/docs/8/api/doc-blocks/doc-block-typeset.md`)

# Typeset

The `Typeset` block helps document the fonts used throughout your project.

![Screenshot of Typeset block](../../_assets/api/doc-block-typeset.png)

```md title="Typography.mdx"

export const typography = {
  type: {
    primary: '"Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif',
  },
  weight: {
    regular: '400',
    bold: '700',
    extrabold: '800',
    black: '900',
  },
  size: {
    s1: 12,
    s2: 14,
    s3: 16,
    m1: 20,
    m2: 24,
    m3: 28,
    l1: 32,
    l2: 40,
    l3: 48,
  },
};

export const SampleText = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.';

# Typography

**Font:** Nunito Sans

**Weights:** 400(regular), 700(bold), 800(extrabold), 900(black)

```

## Typeset

```js

```

`Typeset` is configured with the following props:

### `fontFamily`

Type: `string`

Provides a font family to be displayed.

### `fontSizes`

Type: `(string | number)[]`

Provides a list of available font sizes (in `px`).

### `fontWeight`

Type: `number`

Specifies the weight of the font to be displayed.

### `sampleText`

Type: `string`

Sets the text to be displayed.