# CellFontStyle

Canonical page: https://www.adaptabletools.com/docs/reference/cellfontstyle

The "text" half of an `AdaptableStyle`: everything that affects the
rendering of text (and, by convention, the alignment of the cell's primary
content block — for plain text that is `text-align`, for Badge it is the
alignment of the badge row).

Used as a `Font?` slot on Styled Columns whose renderer paints a non-text
primary content (Gradient tint, Percent Bar, Bullet Chart) so the column
can still control the cell's text styling without inheriting any other
properties from a Format Column.

```ts title="TypeScript"
export interface CellFontStyle 
```

## Properties

| Property | Type | Description |
| --- | --- | --- |
| [Alignment](https://www.adaptabletools.com/docs/reference/cellfontstyle.md#alignment) | `Alignment` | Align to `Left`, `Right` or `Center` |
| [FontSize](https://www.adaptabletools.com/docs/reference/cellfontstyle.md#fontsize) | `'XSmall' \| 'Small' \| 'Medium' \| 'Large' \| 'XLarge'` | Size of font: `XSmall`, `Small`, `Medium`, `Large` or `XLarge` |
| [FontStyle](https://www.adaptabletools.com/docs/reference/cellfontstyle.md#fontstyle) | `'Normal' \| 'Italic'` | Style of font: `Normal` or `Italic` |
| [FontWeight](https://www.adaptabletools.com/docs/reference/cellfontstyle.md#fontweight) | `'Normal' \| 'Bold'` | Weight of font: `Normal` or `Bold` |
| [ForeColor](https://www.adaptabletools.com/docs/reference/cellfontstyle.md#forecolor) | `string` | Font colour in cell: hex, rgb(a) or name |
| [TextDecoration](https://www.adaptabletools.com/docs/reference/cellfontstyle.md#textdecoration) | `'None' \| 'Underline' \| 'Overline' \| 'LineThrough'` | Decoration of font: `None`, `Underline`, `Overline` or `LineThrough` |

## Property Details

### Alignment

Align to `Left`, `Right` or `Center`

```ts title="TypeScript"
Alignment?: Alignment;
```

###### Property Value

`Alignment`

### FontSize

Size of font: `XSmall`, `Small`, `Medium`, `Large` or `XLarge`

```ts title="TypeScript"
FontSize?: 'XSmall' | 'Small' | 'Medium' | 'Large' | 'XLarge';
```

###### Property Value

`'XSmall' | 'Small' | 'Medium' | 'Large' | 'XLarge'`

### FontStyle

Style of font: `Normal` or `Italic`

```ts title="TypeScript"
FontStyle?: 'Normal' | 'Italic';
```

###### Property Value

`'Normal' | 'Italic'`

### FontWeight

Weight of font: `Normal` or `Bold`

```ts title="TypeScript"
FontWeight?: 'Normal' | 'Bold';
```

###### Property Value

`'Normal' | 'Bold'`

### ForeColor

Font colour in cell: hex, rgb(a) or name

```ts title="TypeScript"
ForeColor?: string;
```

###### Property Value

`string`

### TextDecoration

Decoration of font: `None`, `Underline`, `Overline` or `LineThrough`

```ts title="TypeScript"
TextDecoration?: 'None' | 'Underline' | 'Overline' | 'LineThrough';
```

###### Property Value

`'None' | 'Underline' | 'Overline' | 'LineThrough'`