# 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 %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://learn.mondayhero.io/design-to-flutter/text-styles.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.