# 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.

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.

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](/help-guides/design/styling/styles.md) --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://manual.bubble.io/help-guides/design/styling/font-variables.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.