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.
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
Do Font variables apply to Styles?
Yes, Font variables apply to styles, 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.