> For the complete documentation index, see [llms.txt](https://learn.mondayhero.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://learn.mondayhero.io/design-to-flutter/text-styles.md).

# 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="/files/FfoDxXrdwUTJc0lYcA3g" 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 %}