---
title: "Image Editor"
description: "Topol provides a built-in image editor for enhancing and manipulating images inside the editor, including a text tool that uses your configured fonts."
url: https://docs.topol.io/email-editor/guide/image-editor.html
---

# Image editor fonts

**The image editor's text tool draws its font list from the same `customFonts` option as the rest of the editor.** Fonts configured there appear in the font picker when adding or editing text on an image.

## Configuration

The image editor receives whatever is set in `customFonts`, so no separate configuration is needed:

```ts
const TOPOL_OPTIONS = {
  // ... other options ...
  customFonts: {
    override: false, // If true, it replaces default fonts. If false, it appends.
    fonts: [
      {
        label: "Mukta",
        style: "Mukta, sans-serif",
        url: "https://fonts.googleapis.com/css2?family=Mukta:wght@400;700",
      },
    ],
  },
};
```

Full details on the shape of each font entry are in [Custom Fonts](https://docs.topol.io/email-editor/guide/custom-fonts.html).

## Default fonts

Without `customFonts`, the picker shows the image editor's own bundled font list. Setting `override: false` appends to that list, while `override: true` replaces it.

> **INFO**
>
> `customFonts` is shared with the email editor's font dropdown, so a font added for one appears in both.