Text Styles

Summary

Text Styles allow you to define and manage the visual attributes of your text, such as font family, size, weight, and spacing. This lesson covers how to customize these properties, work with variable fonts for more granular control, and animate these attributes within the timeline.

Step by Step

1. 00:04
   Selecting Fonts

   Choose from a wide selection of free Google Fonts or import your own custom fonts (available for paid users).
2. 00:20
   Basic Attributes

   Adjust standard properties like Font Size, Font Weight, and Letter Spacing directly in the Inspector.
3. 00:40
   Variable Fonts

   Access advanced settings for variable fonts to precisely set weights, optical sizes, or even the degree of slant for italics.
4. 01:13
   Paragraph Formatting

   Control the Line Height to manage the vertical space between multiple lines of text.
5. 01:20
   Color and Opacity

   Modify the fill color and opacity of the text style, or toggle its overall visibility.
6. 01:32
   Animating Styles

   Keyframe any style property, including font weight and color, to create dynamic typography animations.

Notes About Current Rive

• Reusable Styles: Creating multiple text styles allows you to apply different formatting to various Text Runs within the same text box.
• Variable Font Support: Not all fonts support variable axes; look for the "variable" icon or additional sliders in the Inspector when a supported font is selected.
• Timeline Integration: Almost every attribute in the Text Style panel is animatable, offering high creative flexibility for UI transitions.