owncast/web/stories/Typography.stories.mdx

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>
Split up design/style pages 2022-05-13 00:45:56 +03:00			`import { Canvas, Meta, Story } from '@storybook/addon-docs';`

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

			`# Font`

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

Fix some styling 2022-05-13 07:27:21 +03:00			`## TODO: List out the different text styles.`

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