> For the complete documentation index, see [llms.txt](https://phoenixcoded.gitbook.io/able-pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://phoenixcoded.gitbook.io/able-pro/vue/theme-ui/change-typography.md).

# Change Typography

Manage the theme Typography in one shot.

## Change In Typography

For Change Typography - Go to `src/config.ts`

<pre class="language-typescript" data-title="src/config.ts"><code class="lang-typescript"><strong>const config: ConfigProps = {
</strong>  Sidebar_drawer: true,
  Customizer_drawer: false,
  mini_sidebar: false,
  setHorizontalLayout: false,
  actTheme: ThemeMode.Light,
  fontTheme: 'Inter-var', // you can change it from here 1. Roboto 2. Inter 3. Poppins
  inputBg: false,
  themeContrast: false,
  boxed: false,
  isRtl: false,
  presetColor: 'default'

}; 
</code></pre>