import { Canvas, Meta, Story } from '@storybook/addon-docs';

<Meta title="owncast/Style Guide/Typography" />

# Font

[Inter font](https://rsms.me/inter/)

## TODO: List out the different text styles.

<Canvas style={{ color: 'var(--theme-text-color-secondary)' }}>
  {getComputedStyle(document.documentElement).getPropertyValue('--theme-font-family')}
</Canvas>