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:

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.

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.