# Text Styles

When you import a design into Monday Hero, it identifies all the text fonts used in the design and records the font family, size, and weight for each text element. Monday Hero then creates a list of text styles for you, removing any duplicates to ensure your app has a streamlined set of text styles.

Navigate to the 'Theme/Text Styles' tab to review and rename the text styles in your project. Please note that all text styles are automatically downloaded when you sync the code with your project.

{% hint style="info" %}
Monday Hero supports various font weights, including normal, bold, and italic. However, underlined and strikethrough text, as well as the addition of hyperlinks, are not supported in Monday Hero.
{% endhint %}

<figure><img src="https://479678609-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MEfkN8oSQyQ4BaBzwxH-4037006485%2Fuploads%2FyCJ3aW9USYdgSl4ZZ8S1%2FScreenshot%202024-04-29%20at%2020.05.39.png?alt=media&#x26;token=69839c89-088d-4dfb-b0a8-072ac3471364" alt=""><figcaption><p>Monday Hero Theme / Text Styles</p></figcaption></figure>

Generated code example:

{% tabs %}
{% tab title="Flutter" %}

```dart
import 'package:flutter/material.dart';

abstract class MHAppTextStyles {
  TextStyle textStyle({Color? color}) => TextStyle(
    fontSize: 12.0,
    fontFamily: "HelveticaNeue",
    color: color);
  TextStyle textStyle2({Color? color}) => TextStyle(
    fontSize: 14.0,
    fontFamily: "HelveticaNeue-Bold",
    color: color);
  TextStyle textStyle3({Color? color}) => TextStyle(
    fontSize: 14.0,
    fontFamily: "HelveticaNeue",
    color: color);
  TextStyle textStyle4({Color? color}) => TextStyle(
    fontSize: 16.0,
    fontFamily: "HelveticaNeue-Bold",
    color: color);
}
```

Check out the following directory to access the fonts file generated by Monday Hero:

```
/ProjectName/lib/theme/mh_generated/mh_app_text_styles.dart
```

{% endtab %}
{% endtabs %}