# Font Style

Toggle between italic and normal text style using simple class names.

- [Basic Usage](#basic-usage)
- [Quick Reference](#quick-reference)
- [Responsive Design](#responsive-design)
- [Related Documentation](#related-documentation)

```dart
WText('Italic Text', className: 'italic');
WText('Normal Text', className: 'not-italic');
```

## Basic Usage

Apply `italic` to make text italicized, or `not-italic` to reset it to the normal font style:

```dart
WText('Important note', className: 'italic text-gray-700 dark:text-gray-300');
WText('Regular text', className: 'not-italic');
```

## Quick Reference

| Class | Flutter `FontStyle` | Description |
|:------|:--------------------|:------------|
| `italic` | `FontStyle.italic` | Renders text in italic. |
| `not-italic` | `FontStyle.normal` | Resets text to normal style. |

## Responsive Design

Combine with breakpoint prefixes to apply italic only at certain screen sizes:

```dart
WText('Responsive italic', className: 'not-italic md:italic');
```

## Related Documentation

- [Font Size](https://anilcancakir.com/wind_kit/docs/v0.0/typography/font-size.md) — set text size.
- [Font Weight](https://anilcancakir.com/wind_kit/docs/v0.0/typography/font-weight.md) — control text thickness.
- [Text Decoration](https://anilcancakir.com/wind_kit/docs/v0.0/typography/text-decoration.md) — underline, overline, and strikethrough.