> ## Documentation Index
> Fetch the complete documentation index at: https://docs.makeswift.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Text styles

> Text styles allow you to save fonts, color, and formatting for text and reuse them across your site. For example, you can create text styles for page titles, subheadings, and paragraph text. If you need to change the text styles on every page in your site, you can easily do so within any page using text styles.

## Adding text styles

We recommend using text styles for **all** text on your site. To create a new text style, select text with styles you wish to save. All the options found in the "Text style" panel can be saved within a text style. You can also create a new text style from the Site tab in the right sidebar when no elements are selected.

<Note>
  Styles such as font family, color, font size, line-height, and letter-spacing
  are saved together in a text style. Block tags such as "Paragraph" and
  "Heading 1" are not saved in text styles.
</Note>

<Frame>
  <img src="https://mintcdn.com/makeswift/cdz9WIAi676OTSsF/images/text-styles/adding-text-style.png?fit=max&auto=format&n=cdz9WIAi676OTSsF&q=85&s=9a56366d1ab0016411984074fcf8e0ac" alt="Adding text styles" width="478" height="520" data-path="images/text-styles/adding-text-style.png" />
</Frame>

With that text selected, open the text style dropdown and select "Create text style".

Options set for each device mode are also saved within a single text style.

<Frame>
  <img src="https://mintcdn.com/makeswift/cdz9WIAi676OTSsF/images/text-styles/text-style-device.png?fit=max&auto=format&n=cdz9WIAi676OTSsF&q=85&s=fad162a7a763bcc723a315edda193dd4" alt="Text styles on each device mode" width="1068" height="1248" data-path="images/text-styles/text-style-device.png" />
</Frame>

## Applying text styles

To apply a text style, select an entire block of text, or just a single word. Open the text style dropdown and select a style.

<Frame>
  <img src="https://mintcdn.com/makeswift/cdz9WIAi676OTSsF/images/text-styles/applying-text-style.png?fit=max&auto=format&n=cdz9WIAi676OTSsF&q=85&s=ee7dae367dbcb935ede9ef0ad28e3be5" alt="Applying text styles" width="630" height="620" data-path="images/text-styles/applying-text-style.png" />
</Frame>

## Overriding text styles

In some cases you may need to update a text style property without affecting the base text style. Select a piece of text using an existing text style. Edit any option in the "Text style" panel. Those updated inputs will turn blue, letting you know an override has been made to an existing text style.

<Note>
  For text styles that are identical except for color, we recommend using
  overrides to change the color. This will make your text styles easier to
  manage.
</Note>

## Updating text styles

After an override has been made, you can update the text style to include the new properties. To apply these new text styles across your site, open the text style dropdown and click "Update text style." You can also update any text styles directly from the Site tab in the right sidebar.

<Frame>
  <img src="https://mintcdn.com/makeswift/cdz9WIAi676OTSsF/images/text-styles/updating-text-styles.png?fit=max&auto=format&n=cdz9WIAi676OTSsF&q=85&s=0534dd62c23600dfa1e47b1c789599e1" alt="Updating Text Styles" width="478" height="520" data-path="images/text-styles/updating-text-styles.png" />
</Frame>

<Note>
  Text styles are published as separate resources from pages. Learn more about
  [publishing text styles](/product/publishing#publishing-site-resources).
</Note>

## Resetting typography styles

If you've overridden any text style properties, but want to revert to the original text style, open the text style dropdown and click "Clear overrides". You can also reset overrides by clicking the "Text style" panel label and selecting "Reset to base".

## Managing text styles

You can rename or delete a text style from inside the text style dropdown, or from the Site tab in the right sidebar.

<Frame>
  <img src="https://mintcdn.com/makeswift/cdz9WIAi676OTSsF/images/text-styles/managing-text-styles.png?fit=max&auto=format&n=cdz9WIAi676OTSsF&q=85&s=c0d0016c16e89dd028242467d8b28b5c" alt="Managing Text Styles" width="478" height="720" data-path="images/text-styles/managing-text-styles.png" />
</Frame>

<Warning>
  Deleting a text style will remove the style from all text using it across your
  entire site. **This action CANNOT be undone**. The text style will have to be
  re-created and manually applied to every page to add it back to your site.
</Warning>
