# Font variables

Font variables allow you to centralize font settings and make changes to the font across multiple elements and styles. Instead of having to manually adjust font families in each instance they are used, you can simply modify the font variable in one place and watch the change propagate throughout your app.

<figure><img src="https://34394582-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M5sbzwG7CljeZdkntrL%2Fuploads%2FReYMFMHQOUhQMv2vJ87c%2Ffont-variables-in-styles%402x.png?alt=media&#x26;token=ee794792-29ea-4258-bc5d-6b2eeff134be" alt=""><figcaption><p>Font variables can be connected with styles. In the image below, the two top options in the font list are Font variables. Whenever a variable changes, that change will propagate to all Styles and elements.</p></figcaption></figure>

For newly created apps, the default styles will be set to the "App Font" by default.

{% hint style="info" %}
For apps built before the launch of the Font variables feature, you have the option to switch to the "App Font" either in the individual element appearance settings or in the Element Styles section of the Styles tab
{% endhint %}

### Do Font variables apply to Styles?

Yes, Font variables apply to styles[^1], meaning that if you update a Font variable it will automatically be updated on all styles that use that variable. By combining the two you can set up a flexible styling system that lets you make future changes with ease.

[^1]: The Styles tab in Bubble provides you with a centralized place to define and manage all of your app's styles.

    Styles create a consistent, visually appealing design for your app while making it easier to update that design in the future.\
    \
    Article: [Styles](https://manual.bubble.io/~/changes/1188/help-guides/design/styling/styles)