---
title: "Typography"
id: "design-system:typography"
tocLevel: 2
---

export const previewText = "Lorem ipsum dolor sit amet";

## Family

<DesignSystem.FontFamilies previewText={previewText} />

## Size

<DesignSystem.FontSizes previewText={previewText} />

## Weight

<DesignSystem.FontWeights previewText={previewText} />
