> ## Documentation Index
> Fetch the complete documentation index at: https://docs.thetinybell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# How to change text styling in notifications

> Customize fonts, sizes, and text formatting in your notifications.

You can style the text in your notifications using the built-in editor or custom CSS.

## Built-in options

The notification editor includes:

* Bold and italic formatting
* Text alignment (left, center, right)
* Font size adjustment

## Custom fonts with CSS

To use your hotel's brand font, add it via custom CSS:

```css theme={null}
.tinybell-notification {
    font-family: 'Playfair Display', serif;
}
```

Make sure the font is already loaded on your website. If it is, TinyBell will use it automatically.

## Font size

```css theme={null}
.tinybell-headline {
    font-size: 24px;
}
.tinybell-body {
    font-size: 14px;
}
```

## Troubleshooting

* If your custom font does not appear, check that the font is loaded on the page before the TinyBell pixel runs.
* Use your browser's Developer Tools (Inspect Element) to verify which font is being applied.
* Google Fonts and Adobe Fonts both work as long as the stylesheet is included in your page's `<head>`.
